:root{color-scheme:light;--bg: #ece7dd;--bg-deep: #dae3ef;--bg-soft: #f7f4ee;--panel: rgba(255, 251, 245, .82);--panel-strong: rgba(255, 255, 255, .9);--panel-border: rgba(58, 74, 102, .12);--panel-stroke: rgba(22, 34, 53, .08);--text: #182133;--muted: #667083;--accent: #1b57f2;--accent-strong: #1238a2;--accent-soft: rgba(27, 87, 242, .12);--accent-glow: rgba(90, 132, 255, .22);--success: #1d8c63;--warning: #d07b0c;--danger: #c24657;--sidebar-bg: linear-gradient(180deg, rgba(12, 20, 34, .98), rgba(25, 38, 62, .94));--sidebar-text: #f5f7fb;--sidebar-muted: rgba(232, 238, 248, .64);--shadow-soft: 0 18px 42px rgba(35, 48, 77, .12);--shadow-strong: 0 36px 90px rgba(18, 29, 48, .22);--radius-xxl: 30px;--radius-xl: 24px;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px;--font-display: "Noto Serif SC", "Fraunces", serif;--font-body: "Noto Sans SC", "PingFang SC", sans-serif;--transition: .22s cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font-body);color:var(--text);line-height:1.5;background:radial-gradient(circle at 12% 16%,rgba(255,255,255,.95),transparent 22%),radial-gradient(circle at 88% 14%,rgba(89,136,255,.14),transparent 20%),radial-gradient(circle at 72% 82%,rgba(255,225,184,.2),transparent 20%),linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%)}body{position:relative;min-height:100vh;overflow-x:hidden}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none}body:before{background-image:linear-gradient(rgba(18,29,48,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(18,29,48,.045) 1px,transparent 1px);background-size:118px 118px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.18),transparent 78%);mask-image:linear-gradient(180deg,rgba(0,0,0,.18),transparent 78%);opacity:.42}body:after{background:radial-gradient(circle at 18% 8%,rgba(255,255,255,.65),transparent 24%),radial-gradient(circle at 84% 22%,rgba(100,143,255,.1),transparent 22%),radial-gradient(circle at 50% 100%,rgba(255,221,168,.1),transparent 30%);animation:ambient-shift 18s ease-in-out infinite alternate}::selection{background:#1b57f229;color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:none}input,select,textarea{width:100%;min-height:52px;padding:0 18px;border:1px solid rgba(88,103,132,.16);border-radius:18px;background:#ffffffd1;color:var(--text);outline:none;box-shadow:inset 0 1px #ffffff8c;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition),background var(--transition)}textarea{min-height:132px;padding-block:14px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#1b57f25c;background:#fffffff0;box-shadow:0 0 0 4px #1b57f21a,inset 0 1px #ffffffb8}.glass-panel{background:linear-gradient(180deg,#ffffffe6,#f8f2e9d1),var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.login-shell,.console-shell{position:relative;min-height:100vh}.login-backdrop,.console-background{position:fixed;inset:0;background:radial-gradient(circle at 14% 18%,rgba(46,101,255,.22),transparent 18%),radial-gradient(circle at 88% 12%,rgba(255,255,255,.8),transparent 24%),radial-gradient(circle at 72% 82%,rgba(255,205,138,.16),transparent 18%);pointer-events:none;animation:ambient-shift 20s ease-in-out infinite alternate}.login-card{position:relative;isolation:isolate;width:min(560px,calc(100vw - 32px));margin:clamp(36px,9vh,96px) auto;padding:40px 36px 36px;border-radius:var(--radius-xxl);overflow:hidden;animation:rise-in .72s cubic-bezier(.22,1,.36,1) both}.login-card:before{content:"";position:absolute;inset:0 0 auto;height:170px;background:radial-gradient(circle at left top,rgba(255,255,255,.7),transparent 42%),linear-gradient(135deg,#1b57f224,#ffd0961f);pointer-events:none}.login-header{position:relative;z-index:1;display:grid;gap:10px}.login-header h1,.console-header h2,.hero-panel h3{margin:0;font-family:var(--font-display);font-size:clamp(36px,4vw,54px);line-height:1.02;letter-spacing:-.03em;text-wrap:balance}.login-header p:last-child,.console-header p,.brand-block p:last-child,.hero-panel p:last-child,.muted-line,.table-note,.sheet-note,.empty-tip{color:var(--muted)}.table-note,.sheet-note,.muted-line,.empty-tip{font-size:14px;line-height:1.65}.login-form,.sheet-form{display:grid;gap:16px;margin-top:30px}.login-form label,.sheet-form label,.filter-fields label{display:grid;gap:8px;font-size:13px;font-weight:600;color:var(--muted)}.primary-button,.secondary-button,.ghost-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 20px;border-radius:18px;font-weight:700;letter-spacing:.01em;transition:transform var(--transition),background var(--transition),border-color var(--transition),box-shadow var(--transition),color var(--transition)}.primary-button{background:linear-gradient(135deg,var(--accent),#5f90ff);color:#fff;box-shadow:0 18px 38px #1b57f242}.secondary-button{background:#ffffffdb;color:var(--text);border:1px solid rgba(22,34,53,.08);box-shadow:inset 0 1px #ffffffb3}.ghost-button{background:#1622350a;color:var(--text)}.danger-button{background:#c2465714;color:var(--danger);border:1px solid rgba(194,70,87,.16)}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.danger-button:hover,.nav-item:hover,.list-card:hover,.family-card:hover{transform:translateY(-2px)}.primary-button:hover{box-shadow:0 24px 44px #1b57f24d}.console-shell{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;padding:24px;align-items:start}.console-nav-backdrop,.console-mobile-bar,.sidebar-mobile-head{display:none}.console-sidebar{position:sticky;top:24px;height:calc(100vh - 48px);display:flex;flex-direction:column;gap:20px;padding:28px 24px;border-radius:var(--radius-xxl);background:var(--sidebar-bg);border:1px solid rgba(255,255,255,.08);box-shadow:0 32px 80px #080e1957;color:var(--sidebar-text);overflow:auto;isolation:isolate;animation:rise-in .72s cubic-bezier(.22,1,.36,1) both}.console-sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(134,169,255,.18),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.06),transparent 26%);pointer-events:none}.console-sidebar .eyebrow,.console-sidebar .brand-block p:last-child,.console-sidebar .nav-item small{color:var(--sidebar-muted)}.brand-block{display:grid;gap:8px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-block h1{margin:0;font-size:38px;font-family:var(--font-display);color:#f8fafc;line-height:1.03;letter-spacing:-.03em}.sidebar-nav{display:grid;gap:12px;margin-top:0}.nav-item{padding:16px 18px;border-radius:20px;background:#ffffff0a;text-align:left;color:var(--sidebar-text);border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px #ffffff0a;transition:transform var(--transition),background var(--transition),border-color var(--transition),box-shadow var(--transition)}.nav-item small{display:block;margin-top:6px}.nav-item.is-active{background:linear-gradient(135deg,#4f7aff47,#ffffff14);border-color:#94b6ff52;box-shadow:inset 0 1px #ffffff24,0 12px 28px #1622352e}.nav-item:hover{background:#ffffff14;box-shadow:inset 0 1px #ffffff1a;transform:translate(4px)}.sidebar-footer{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.pill{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.03em;background:#1622350f;color:var(--muted);border:1px solid rgba(22,34,53,.06)}.console-sidebar .pill,.hero-chip-row .pill{background:#ffffff14;color:#f5f7fbd6;border-color:#ffffff14}.console-main{display:grid;gap:20px;min-width:0;align-content:start}.console-content{min-width:0;display:grid;gap:20px}.console-header,.hero-panel,.filter-bar,.table-shell,.stat-card,.family-card,.empty-card,.sheet-panel{position:relative;overflow:hidden;border-radius:var(--radius-xxl)}.console-header,.hero-panel,.filter-bar,.table-shell,.sheet-panel,.family-card,.empty-card{padding:28px}.console-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;background:radial-gradient(circle at top right,rgba(88,132,255,.14),transparent 24%),linear-gradient(140deg,#ffffffeb,#f5efe6d6);border:1px solid var(--panel-border);box-shadow:var(--shadow-soft);animation:rise-in .66s cubic-bezier(.22,1,.36,1) both}.console-header:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,var(--accent),rgba(255,191,112,.42))}.console-header h2{max-width:14ch}.console-header p{margin:12px 0 0;max-width:58ch;font-size:15px;line-height:1.72}.header-actions,.hero-chip-row,.inline-actions,.filter-actions,.table-actions{display:flex;flex-wrap:wrap;gap:12px}.header-actions{justify-content:flex-end;align-content:flex-start}.hero-panel{display:grid;gap:20px;background:radial-gradient(circle at top right,rgba(126,167,255,.18),transparent 22%),linear-gradient(135deg,#0d1524fa,#192b4ef0);border:1px solid rgba(255,255,255,.08);color:#f8fafc;box-shadow:var(--shadow-strong);animation:rise-in .68s cubic-bezier(.22,1,.36,1) both}.hero-panel:after{content:"";position:absolute;inset:auto -12% -55% auto;width:48%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(89,134,255,.28),transparent 68%);pointer-events:none}.hero-panel .eyebrow,.hero-panel p:last-child{color:#ecf2fac2}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{padding:24px;background:radial-gradient(circle at top right,rgba(88,132,255,.12),transparent 28%),linear-gradient(180deg,#ffffffe6,#f8f3ebdb);border:1px solid var(--panel-border);box-shadow:var(--shadow-soft);min-height:160px;display:flex;flex-direction:column;justify-content:space-between;animation:rise-in .6s cubic-bezier(.22,1,.36,1) both}.stat-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--accent),rgba(255,199,121,.38))}.stat-card p{margin:0;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.stat-card strong{font-family:var(--font-display);font-size:clamp(34px,4vw,44px);line-height:1;letter-spacing:-.04em}.stats-grid>:nth-child(1){animation-delay:.05s}.stats-grid>:nth-child(2){animation-delay:.09s}.stats-grid>:nth-child(3){animation-delay:.13s}.stats-grid>:nth-child(4){animation-delay:.17s}.stats-grid>:nth-child(5){animation-delay:.21s}.stats-grid>:nth-child(6){animation-delay:.25s}.stats-grid>:nth-child(7){animation-delay:.29s}.stats-grid>:nth-child(8){animation-delay:.33s}.overview-grid,.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.panel-head,.family-card-head,.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-head h3,.family-card h3,.sheet-head h3{margin:0;font-family:var(--font-display);font-size:clamp(28px,3vw,34px);line-height:1.08;letter-spacing:-.03em}.stack-list{display:grid;gap:14px;margin-top:20px}.list-card,.family-card{background:linear-gradient(180deg,#ffffffe0,#f9f4ecd6),var(--panel);border:1px solid rgba(58,74,102,.1);box-shadow:var(--shadow-soft)}.list-card{padding:18px;border-radius:22px;text-align:left;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.list-card:hover{border-color:#1b57f22e;box-shadow:0 22px 44px #23304d24}.list-card strong,.family-card h3{display:block;margin-bottom:8px}.family-card{padding:24px;border-radius:var(--radius-xxl);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.family-card:hover{border-color:#1b57f229;box-shadow:0 24px 48px #23304d29}.family-metrics{display:flex;flex-wrap:wrap;gap:12px 16px;margin:18px 0 14px;color:var(--muted)}.filter-bar,.table-shell,.empty-card,.sheet-panel{animation:rise-in .62s cubic-bezier(.22,1,.36,1) both}.filter-bar{display:grid;gap:18px}.filter-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.table-shell{margin-top:18px;min-width:0}.table-scroll{overflow-x:auto;scrollbar-width:thin}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{padding:0 14px 16px;border-bottom:1px solid rgba(22,34,53,.08);text-align:left;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.data-table td{padding:16px 14px;border-bottom:1px solid rgba(22,34,53,.08);text-align:left;vertical-align:top;font-size:15px;line-height:1.62}.data-table tbody tr{transition:background var(--transition)}.data-table tbody tr:hover{background:#1b57f209}.data-table tbody tr:last-child td{border-bottom:0}.status-pill,.role-pill{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em}.status-pill.success{background:#1d8c631f;color:var(--success)}.status-pill.warning{background:#d07b0c1f;color:var(--warning)}.status-pill.danger{background:#c246571f;color:var(--danger)}.role-pill.neutral{background:#16223514;color:var(--text)}.role-pill.accent{background:#1b57f21f;color:var(--accent)}.role-pill.ghost{background:#6670831a;color:var(--muted)}.table-actions .ghost-button,.table-actions .danger-button,.inline-actions .ghost-button,.inline-actions .danger-button{min-height:42px}.empty-inline,.empty-card{text-align:center;color:var(--muted)}.empty-card{display:grid;place-items:center;min-height:240px;font-size:15px}.loading-card{display:grid;place-items:center;gap:18px;min-height:240px}.loading-orb{width:62px;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 180deg,#1b57f229,#1b57f2e6,#ffcd8a29);animation:pulse 1.1s infinite ease-in-out}.sheet-backdrop{position:fixed;inset:0;padding:0;border:0;background:#0c14224d;z-index:7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sheet-panel{position:fixed;top:24px;right:24px;width:min(580px,calc(100vw - 24px));max-height:calc(100vh - 48px);overflow:auto;z-index:8;box-shadow:0 38px 86px #121d3042}.mobile-bar-meta,.sidebar-mobile-head{align-items:center;justify-content:space-between;gap:12px}.mobile-bar-meta{display:flex;min-width:0;flex-direction:column;align-items:flex-start}.mobile-bar-meta strong,.sidebar-mobile-head strong{font-family:var(--font-display);font-size:20px;line-height:1.08;letter-spacing:-.03em}.sheet-head{position:sticky;top:-28px;z-index:1;margin:-28px -28px 22px;padding:28px 28px 18px;background:linear-gradient(180deg,rgba(251,248,241,.98),rgba(251,248,241,.82) 78%,transparent 100%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(22,34,53,.08)}.sheet-static{display:grid;gap:10px;padding:18px;border-radius:20px;background:#ffffffb3;border:1px solid rgba(58,74,102,.08)}.sheet-static pre{margin:0;white-space:pre-wrap;line-height:1.72}.danger-zone{display:grid;gap:12px;margin-top:18px;padding:20px;border-radius:22px;background:linear-gradient(180deg,#c246570f,#fff3f5eb);border:1px solid rgba(194,70,87,.16)}.danger-zone strong{font-size:15px}.toast{position:fixed;right:24px;bottom:24px;z-index:9;padding:16px 18px;border-radius:18px;background:#121d30eb;color:#fff;box-shadow:var(--shadow-strong);animation:rise-in .28s ease both}.toast.error{background:#c24657f5}@keyframes pulse{0%,to{transform:scale(.94);opacity:.74}50%{transform:scale(1);opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes ambient-shift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(0,-12px,0) scale(1.03)}}@media(max-width:1100px){.console-shell{grid-template-columns:1fr}.console-sidebar{position:static;height:auto}.stats-grid,.overview-grid,.card-grid,.filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.console-shell,.login-card{padding:16px}.login-card{margin:24px auto}.console-shell,.console-main{gap:16px}.console-shell.nav-open{overflow:hidden}.console-mobile-bar{display:flex;position:sticky;top:12px;z-index:4;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-radius:24px;background:radial-gradient(circle at top right,rgba(88,132,255,.12),transparent 24%),linear-gradient(140deg,#ffffffeb,#f5efe6db);border:1px solid var(--panel-border);box-shadow:var(--shadow-soft);animation:rise-in .5s ease both}.mobile-nav-button,.mobile-nav-close{white-space:nowrap}.console-nav-backdrop{display:block;position:fixed;inset:0;z-index:5;padding:0;border:0;background:#0b162c66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.console-header,.hero-panel,.filter-bar,.table-shell,.sheet-panel,.family-card,.empty-card{padding:18px}.console-header{grid-template-columns:1fr}.console-header,.panel-head,.family-card-head{flex-direction:column}.stats-grid,.overview-grid,.card-grid,.filter-fields{grid-template-columns:1fr}.console-sidebar{position:fixed;top:12px;left:12px;bottom:12px;width:min(360px,calc(100vw - 24px));height:auto;max-height:calc(100vh - 24px);padding:20px;border-radius:28px;transform:translate(calc(-100% - 22px));opacity:0;pointer-events:none;transition:transform var(--transition),opacity var(--transition);z-index:6;animation:none}.console-sidebar.is-open{transform:translate(0);opacity:1;pointer-events:auto}.sidebar-mobile-head{display:flex;color:var(--sidebar-text)}.sidebar-nav{margin-top:22px;overflow:visible;grid-auto-flow:row;grid-auto-columns:auto}.nav-item{min-width:0}.sidebar-footer{margin-top:22px;padding-top:8px}.header-actions,.filter-actions,.inline-actions{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.table-actions{display:grid;width:100%;grid-template-columns:1fr}.header-actions>*,.filter-actions>*,.inline-actions>*,.table-actions>*{width:100%}.table-scroll{overflow:visible}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table thead{display:none}.data-table tbody{display:grid;gap:14px}.data-table tr{padding:16px 18px;border:1px solid rgba(58,74,102,.1);border-radius:24px;background:linear-gradient(180deg,#ffffffe6,#f8f3ebd6);box-shadow:var(--shadow-soft)}.data-table tbody tr:last-child td{border-bottom:0}.data-table td{display:grid;grid-template-columns:minmax(72px,92px) minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:0}.data-table td:before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.data-table td[colspan]{grid-template-columns:1fr;padding:0}.data-table td[colspan]:before{content:none}.sheet-panel{inset:72px 0 0;width:auto;max-height:none;border-radius:28px 28px 0 0;padding-bottom:calc(26px + env(safe-area-inset-bottom))}.sheet-head{top:-18px;margin:-18px -18px 18px;padding:18px 18px 14px}.toast{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}