:root{color-scheme:light;--bg-app: #f2f2f7;--bg-shell: rgba(255, 255, 255, .74);--bg-card: rgba(255, 255, 255, .88);--bg-card-strong: #ffffff;--bg-dark: #101826;--text-title: #0f172a;--text-body: #283548;--text-secondary: #5f6b7c;--text-tertiary: #8c98aa;--line-soft: rgba(15, 23, 42, .08);--shadow-soft: 0 18px 46px rgba(15, 23, 42, .08);--shadow-strong: 0 28px 60px rgba(15, 23, 42, .14);--blue: #007aff;--blue-soft: rgba(0, 122, 255, .14);--green: #34c759;--orange: #ff9500;--red: #ff3b30;--radius-xl: 34px;--radius-lg: 26px;--radius-md: 22px;--radius-sm: 16px;--safe-bottom: max(28px, env(safe-area-inset-bottom));font-family:SF Pro Display,PingFang SC,Hiragino Sans GB,Noto Sans SC,sans-serif}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg-app: #000000;--bg-shell: rgba(28, 28, 30, .74);--bg-card: rgba(28, 28, 30, .82);--bg-card-strong: #1c1c1e;--bg-dark: #08111d;--text-title: #f7f8fb;--text-body: #e0e4eb;--text-secondary: #b0b7c3;--text-tertiary: #8d95a3;--line-soft: rgba(255, 255, 255, .08);--shadow-soft: 0 18px 46px rgba(0, 0, 0, .32);--shadow-strong: 0 28px 60px rgba(0, 0, 0, .46)}}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:radial-gradient(circle at top left,rgba(0,122,255,.12),transparent 22%),radial-gradient(circle at 80% 12%,rgba(52,199,89,.1),transparent 18%),linear-gradient(180deg,rgba(255,255,255,.2),transparent 24%),var(--bg-app);color:var(--text-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}.app-shell{min-height:100vh;padding-bottom:140px}.app-main{max-width:1180px;margin:0 auto;padding:28px 18px 0}.page{display:flex;flex-direction:column;gap:22px}.page-header{display:flex;flex-direction:column;gap:8px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-tertiary)}.page-title{margin:0;color:var(--text-title);font-size:clamp(32px,5vw,46px);font-weight:800;letter-spacing:-.05em}.page-subtitle{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.65}.glass-card,.panel,.matter-card,.hero-card{position:relative;overflow:hidden;border:1px solid var(--line-soft);border-radius:var(--radius-xl);background:var(--bg-card);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.panel{padding:22px}.hero-card{padding:24px;box-shadow:var(--shadow-strong)}.section-title{margin:0 0 14px;color:var(--text-title);font-size:17px;font-weight:800;letter-spacing:-.02em}.section-caption{margin:0 0 18px;color:var(--text-tertiary);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-card{padding:20px 22px;border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.45),transparent),var(--bg-card-strong)}.kpi-card.alert{box-shadow:inset 0 0 0 1px #ff3b3042,0 0 0 8px #ff3b300d,0 20px 46px #ff3b301f;animation:pulseBorder 2s infinite}.kpi-value{margin:8px 0 4px;color:var(--text-title);font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.06em}.kpi-label{color:var(--text-tertiary);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.floating-nav{position:fixed;left:50%;bottom:calc(var(--safe-bottom) + 12px);z-index:40;display:flex;align-items:center;gap:10px;width:min(92vw,420px);padding:10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff8c;box-shadow:0 18px 48px #0f172a29;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translate(-50%)}@media(prefers-color-scheme:dark){.floating-nav{background:#1c1c1eb8}}.nav-pill{flex:1;padding:12px 14px;border-radius:999px;text-align:center;color:var(--text-secondary);transition:transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.nav-pill.router-link-active{background:linear-gradient(145deg,#007aff24,#007aff38);color:var(--blue);box-shadow:inset 0 0 0 1px #007aff1f,0 8px 18px #007aff24}.nav-icon{font-size:13px;font-weight:800;letter-spacing:.08em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;font-size:13px;font-weight:700;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{color:#fff;background:linear-gradient(135deg,#149eff,#007aff);box-shadow:0 14px 28px #007aff38}.btn.secondary{color:var(--text-title);background:#0f172a0f}.btn.ghost{color:var(--text-secondary);background:transparent;border:1px solid var(--line-soft)}.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.tag.red{color:var(--red);background:#ff3b301a}.tag.orange{color:var(--orange);background:#ff95001f}.tag.yellow{color:#b7791f;background:#f59e0b1f}.tag.green{color:var(--green);background:#34c7591f}.pill-list{display:flex;flex-wrap:wrap;gap:8px}.list-stack{display:flex;flex-direction:column;gap:14px}.matter-card{padding:18px}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.card-title{margin:0;color:var(--text-title);font-size:18px;font-weight:800;line-height:1.4;letter-spacing:-.03em}.card-text{color:var(--text-secondary);font-size:14px;line-height:1.7}.card-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--text-tertiary);font-size:12px;font-weight:700}.timeline{display:flex;flex-direction:column;gap:14px}.timeline-item{padding-left:18px;border-left:2px solid var(--line-soft)}.timeline-time{margin-bottom:4px;color:var(--text-tertiary);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-group{display:flex;flex-direction:column;gap:8px}.field-group.full{grid-column:1 / -1}.field-label{color:var(--text-secondary);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.field-input,.field-select,.field-textarea{width:100%;border:1px solid var(--line-soft);border-radius:22px;background:#ffffff9e;color:var(--text-title);padding:14px 16px;outline:none;transition:border-color .16s ease,box-shadow .16s ease}@media(prefers-color-scheme:dark){.field-input,.field-select,.field-textarea{background:#ffffff0a}}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:#007aff5c;box-shadow:0 0 0 4px #007aff14}.field-textarea{min-height:128px;resize:vertical}.fade-slide-enter-active,.fade-slide-leave-active{transition:opacity .22s ease,transform .22s ease}.fade-slide-enter-from,.fade-slide-leave-to{opacity:0;transform:translateY(10px)}.empty-state{display:grid;place-items:center;min-height:220px;border-radius:var(--radius-xl);border:1px dashed var(--line-soft);color:var(--text-tertiary);text-align:center;padding:28px}.loader{width:30px;height:30px;border-radius:999px;border:3px solid rgba(0,122,255,.16);border-top-color:var(--blue);animation:spin .8s linear infinite}.mini-divider{width:100%;height:1px;background:var(--line-soft)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseBorder{0%,to{box-shadow:inset 0 0 0 1px #ff3b3038,0 0 #ff3b300a,0 20px 46px #ff3b301a}50%{box-shadow:inset 0 0 0 1px #ff3b306b,0 0 0 8px #ff3b300d,0 22px 50px #ff3b302e}}@media(max-width:900px){.grid.four,.grid.three,.grid.two,.field-grid{grid-template-columns:1fr}.app-main{padding:20px 14px 0}}