:root{--bg:#e9f3f6;--bg-deep:#d8ebf0;--surface:#ffffffd6;--surface-strong:#ffffffeb;--ink:#163343;--muted:#5c7680;--line:#1633431f;--teal:#0f6c8d;--teal-soft:#0f6c8d29;--mint:#2f7f66;--sand:#d97c2b;--rust:#bd4e47;--shadow:0 24px 70px #0f3d521f;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Avenir Next,Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:radial-gradient(circle at top left, #0f6c8d24, transparent 34%), radial-gradient(circle at bottom right, #d97c2b24, transparent 26%), linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);margin:0}button,input,textarea,select{font:inherit}h1,h2,h3,p,ul{margin:0}ul{padding:0}#app{min-height:100vh}.app-root{min-height:100vh;position:relative;overflow:hidden}.backdrop{filter:blur(10px);opacity:.85;border-radius:999px;position:absolute}.backdrop-a{background:radial-gradient(circle,#0f6c8d33,#0000 70%);width:26rem;height:26rem;top:-8rem;left:-8rem}.backdrop-b{background:radial-gradient(circle,#d97c2b33,#0000 70%);width:30rem;height:30rem;bottom:-12rem;right:-10rem}.boot-screen,.login-screen,.platform-shell{z-index:1;position:relative}.boot-screen{min-height:100vh;color:var(--muted);place-items:center;gap:1rem;display:grid}.login-screen{grid-template-columns:minmax(0,1.2fr) minmax(22rem,30rem);align-items:center;gap:2rem;min-height:100vh;padding:3rem;display:grid}.login-copy,.platform-aside,.platform-main,.login-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.login-copy{border-radius:var(--radius-xl);color:#f2f7f8;box-shadow:var(--shadow);background:linear-gradient(135deg,#0a4a61eb,#10637ee0);padding:4rem}.login-copy h1{letter-spacing:-.06em;max-width:11ch;margin-top:1.25rem;font-size:clamp(2.6rem,5vw,5rem);line-height:.95}.lead{font-size:1.02rem;line-height:1.7}.login-copy .lead{color:#f2f7f8d6;max-width:40rem;margin-top:1.5rem}.eyebrow{letter-spacing:.22em;text-transform:uppercase;font-size:.78rem;font-weight:700}.hero-panels{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.5rem;display:grid}.hero-panel{border-radius:var(--radius-md);background:#ffffff14;border:1px solid #ffffff1f;padding:1.35rem}.panel-index{color:#f2f7f8b8;margin-bottom:.9rem;font-size:.8rem;display:inline-flex}.hero-panel h3{margin-bottom:.55rem;font-size:1.15rem}.hero-panel p{color:#f2f7f8c2;line-height:1.65}.login-card{background:var(--surface-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.login-card-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.login-card-head h2{letter-spacing:-.04em;margin-top:.7rem;font-size:2rem}.login-tips{color:var(--muted);justify-content:space-between;gap:1rem;margin-bottom:1.2rem;font-size:.92rem;display:flex}.platform-shell{grid-template-columns:19rem minmax(0,1fr);gap:1.5rem;min-height:100vh;padding:1.5rem;display:grid}.platform-aside{border-radius:var(--radius-xl);color:#f0f5f6;box-shadow:var(--shadow);background:linear-gradient(#0d5169e6,#0a3a4beb);border:1px solid #ffffff73;flex-direction:column;gap:1.2rem;padding:1.5rem;display:flex}.brand-mark{letter-spacing:.18em;background:#ffffff24;border-radius:999px;width:fit-content;padding:.45rem .8rem;font-size:.8rem;font-weight:800}.platform-aside h2{letter-spacing:-.05em;font-size:2rem;line-height:1.02}.aside-copy{color:#f0f5f6c2;line-height:1.7}.nav-stack{flex-direction:column;gap:.75rem;display:flex}.nav-item{width:100%;color:inherit;text-align:left;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:1.15rem;padding:1rem 1.1rem;transition:transform .22s,background-color .22s,border-color .22s}.nav-item:hover{background:#ffffff1a;transform:translate(4px)}.nav-item-active{background:#ffffff29;border-color:#ffffff4d}.nav-title{margin-bottom:.35rem;font-weight:700;display:block}.nav-meta{color:#f0f5f6b8;font-size:.92rem;line-height:1.45;display:block}.aside-card{color:inherit;margin-top:auto;background:#ffffff1a!important}.compact-list{gap:.75rem;margin-top:.9rem;list-style:none;display:grid}.compact-list li{color:#f0f5f6d1;padding-left:1rem;line-height:1.6;position:relative}.compact-list li:before{content:"";background:#ffffffb3;border-radius:50%;width:.42rem;height:.42rem;position:absolute;top:.7rem;left:0}.platform-main{border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow);border:1px solid #ffffff85;padding:1.4rem}.topbar{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.topbar-copy h1{letter-spacing:-.05em;margin-top:.65rem;font-size:clamp(2rem,3vw,3rem);line-height:1}.muted{color:var(--muted)}.topbar-actions{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.user-chip{background:#ffffffbd;border-radius:999px;align-items:center;gap:.75rem;padding:.55rem .85rem;display:flex}.user-chip strong,.user-chip span{display:block}.user-chip span{color:var(--muted);font-size:.84rem}.status-strip{border-radius:var(--radius-md);color:var(--muted);background:#ffffffbd;flex-wrap:wrap;gap:1rem;margin-top:1.2rem;padding:.9rem 1rem;font-size:.92rem;display:flex}.loading-panel{place-items:center;min-height:24rem;display:grid}.page-grid{gap:1.2rem;margin-top:1.35rem;display:grid}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin-top:1.25rem;display:grid}.summary-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffb8;padding:1rem 1.05rem}.summary-label{color:var(--muted);font-size:.9rem;display:block}.summary-value{letter-spacing:-.05em;margin-top:.65rem;font-size:clamp(1.8rem,3vw,2.5rem);display:block}.filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem 1rem;display:grid}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.metric-card{border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow);padding:1.25rem}.metric-teal{background:linear-gradient(135deg,#0f6c8d,#187fa4)}.metric-sand{background:linear-gradient(135deg,#d97c2b,#f09d3b)}.metric-mint{background:linear-gradient(135deg,#2f7f66,#3c9b7d)}.metric-rust{background:linear-gradient(135deg,#bd4e47,#d46d66)}.metric-label{opacity:.84;font-size:.95rem}.metric-value{letter-spacing:-.06em;margin-top:1rem;font-size:clamp(2rem,3vw,2.9rem);display:block}.metric-note{opacity:.76;margin-top:.4rem;display:block}.panel-card{box-shadow:none}.hero-card{background:linear-gradient(135deg,#ffffffeb,#ebf6fad1)!important}.hero-card-grid{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.hero-card-grid h3{letter-spacing:-.04em;margin-top:.75rem;font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.1}.hero-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:.8rem;display:flex}.stack-list,.bar-list{gap:.9rem;display:grid}.stack-item,.record-card,.bar-item{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffb8;padding:1rem 1.05rem}.row-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.row-head strong{line-height:1.45}.record-card{gap:.45rem;display:grid}.meter-track{background:#0f6c8d1a;border-radius:999px;width:100%;height:.62rem;margin-top:.85rem;overflow:hidden}.meter-fill{border-radius:inherit;background:linear-gradient(90deg, var(--rust), #ec8b5e);height:100%;display:block}.accent-fill{background:linear-gradient(90deg, var(--sand), #efb057)}.teal-fill{background:linear-gradient(90deg, var(--teal), #36a5c8)}.table-shell{overflow:auto}.table-shell table{min-width:100%}.table-shell th,.table-shell td{white-space:nowrap}.table-shell td{vertical-align:top}.table-actions{flex-wrap:wrap;gap:.35rem;display:flex}.cell-stack{gap:.3rem;display:grid}.inline-tags{flex-wrap:wrap;gap:.35rem;display:flex}.plain-check{width:1rem;height:1rem;accent-color:var(--teal)}.editor-modal{width:min(52rem,100vw - 2rem)}.editor-modal-wide{width:min(68rem,100vw - 2rem)}.editor-form{gap:1rem;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;display:grid}.form-grid-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.item-editor{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff8f;gap:.9rem;padding:1rem;display:grid}.item-editor-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.detail-item{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffb8;gap:.35rem;padding:.95rem 1rem;display:grid}.modal-actions{justify-content:flex-end;gap:.8rem;display:flex}.record-tip{color:var(--muted);background:#0f6c8d14;border-radius:1rem;padding:.95rem 1rem;line-height:1.65}@media (width<=1200px){.platform-shell{grid-template-columns:1fr}.platform-aside{order:2}.platform-main{order:1}.metrics-grid,.summary-grid,.filter-grid,.form-grid-wide,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=960px){.login-screen{grid-template-columns:1fr;padding:1.2rem}.login-copy{padding:2rem}.hero-panels{grid-template-columns:1fr}.topbar,.hero-card-grid{flex-direction:column}.hero-card-actions,.topbar-actions{justify-content:flex-start}.form-grid,.summary-grid,.filter-grid,.form-grid-wide,.detail-grid{grid-template-columns:1fr}.item-editor-head{flex-direction:column}}@media (width<=720px){.platform-shell{padding:.85rem}.platform-main,.platform-aside,.login-card,.login-copy{border-radius:1.4rem}.metrics-grid{grid-template-columns:1fr}.login-tips,.status-strip{flex-direction:column}.modal-actions{flex-direction:column-reverse}.modal-actions .n-button{width:100%}}