*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:DM Sans,sans-serif;overflow-x:hidden}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}a{text-decoration:none}:root{--bg-base: #09090d;--bg-primary: #09090d;--bg-secondary: #0e0e14;--bg-card: #13131a;--bg-card-hover: #18181f;--bg-surface: #1c1c25;--bg-input: #0e0e14;--border: rgba(255, 255, 255, .07);--border-hover: rgba(255, 255, 255, .13);--border-strong: rgba(255, 255, 255, .2);--accent: #7c5cfc;--accent-light: #9b82fd;--accent-dark: #5a3dd4;--accent-dim: rgba(124, 92, 252, .13);--accent-dim-hover: rgba(124, 92, 252, .22);--accent-glow: rgba(124, 92, 252, .35);--positive: #23d18b;--positive-dim: rgba(35, 209, 139, .1);--positive-glow: rgba(35, 209, 139, .25);--negative: #f25c7e;--negative-dim: rgba(242, 92, 126, .1);--negative-glow: rgba(242, 92, 126, .25);--warning: #f5a623;--warning-dim: rgba(245, 166, 35, .1);--warning-glow: rgba(245, 166, 35, .25);--text-primary: #eeeef5;--text-secondary: #8a8a9e;--text-muted: #44445a;--text-disabled: #32323f;--text-on-accent: #ffffff;--shadow-xs: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-sm: 0 2px 8px rgba(0,0,0,.5);--shadow-md: 0 4px 20px rgba(0,0,0,.55), 0 1px 4px rgba(0,0,0,.4);--shadow-lg: 0 12px 40px rgba(0,0,0,.6), 0 4px 12px rgba(0,0,0,.4);--shadow-xl: 0 24px 64px rgba(0,0,0,.7), 0 8px 20px rgba(0,0,0,.5);--chart-grid: rgba(255,255,255,.05);--tooltip-bg: #1e1e28;--tooltip-text: #eeeef5;--sidebar-width: 248px;--header-height: 60px;--r-xs: 5px;--r-sm: 8px;--r-md: 11px;--r-lg: 14px;--r-xl: 18px;--r-2xl: 22px;--card-bg: #13131a;--surface: #1c1c25;--card-pad: 20px}html.light{--bg-base: #f0f0f7;--bg-primary: #f0f0f7;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f5f5fb;--bg-surface: #f0f0f7;--bg-input: #f8f8fc;--border: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .14);--border-strong: rgba(0, 0, 0, .22);--accent: #6248e8;--accent-light: #7c63f0;--accent-dark: #4a33c5;--accent-dim: rgba(98, 72, 232, .09);--accent-dim-hover: rgba(98, 72, 232, .16);--accent-glow: rgba(98, 72, 232, .22);--positive: #16a06a;--positive-dim: rgba(22, 160, 106, .09);--positive-glow: rgba(22, 160, 106, .2);--negative: #e02b57;--negative-dim: rgba(224, 43, 87, .09);--negative-glow: rgba(224, 43, 87, .2);--warning: #c97e08;--warning-dim: rgba(201, 126, 8, .09);--warning-glow: rgba(201, 126, 8, .2);--text-primary: #111118;--text-secondary: #52526a;--text-muted: #9090a8;--text-disabled: #c8c8d8;--text-on-accent: #ffffff;--shadow-xs: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 2px 8px rgba(0,0,0,.07);--shadow-md: 0 4px 20px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.05);--shadow-lg: 0 12px 40px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.07);--shadow-xl: 0 24px 64px rgba(0,0,0,.12), 0 8px 20px rgba(0,0,0,.08);--chart-grid: rgba(0,0,0,.07);--tooltip-bg: #1e1e28;--tooltip-text: #eeeef5;--card-bg: #ffffff;--surface: #f0f0f7}body{background:var(--bg-primary);color:var(--text-primary);transition:background .3s ease,color .3s ease}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.font-display{font-family:Syne,sans-serif}.font-mono{font-family:IBM Plex Mono,monospace}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(56px) scale(.92)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(56px) scale(.92)}}@keyframes typingDot{0%,60%,to{opacity:.2;transform:scale(1)}30%{opacity:1;transform:scale(1.4)}}.anim-fade-in{animation:fadeIn .28s ease forwards}.anim-slide-up{animation:slideUp .32s ease forwards}.anim-card-in{animation:cardIn .38s cubic-bezier(.22,1,.36,1) forwards;opacity:0}.anim-delay-0{animation-delay:0ms}.anim-delay-1{animation-delay:60ms}.anim-delay-2{animation-delay:.12s}.anim-delay-3{animation-delay:.18s}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);min-height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border);position:fixed;left:0;top:0;bottom:0;z-index:200;display:flex;flex-direction:column;transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:inset -1px 0 #ffffff08}html.light .sidebar{box-shadow:none}.sidebar-logo{padding:22px 18px 20px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--border)}.sidebar-logo-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent) 0%,#a78bfa 100%);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;box-shadow:0 4px 14px var(--accent-glow)}.sidebar-logo-text{font-family:Syne,sans-serif;font-weight:800;font-size:18px;letter-spacing:-.6px}.sidebar-logo-sub{font-size:10.5px;color:var(--text-muted);font-weight:500;margin-top:1px}.sidebar-nav{padding:14px 12px;flex:1;overflow-y:auto}.sidebar-nav-label{font-size:10.5px;font-weight:700;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;padding:4px 10px 8px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-md);cursor:pointer;transition:all .15s ease;font-size:13.5px;font-weight:500;margin:1px 0;border:none;background:transparent;text-align:left;width:100%;color:var(--text-secondary);position:relative}.nav-item:hover{background:var(--bg-surface);color:var(--text-primary)}.nav-item.active{background:var(--accent-dim);color:var(--accent);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;background:var(--accent);border-radius:0 3px 3px 0;box-shadow:0 0 8px var(--accent-glow)}.nav-icon{font-size:15px;width:20px;text-align:center}.sidebar-bottom{padding:14px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;display:flex;flex-direction:column;transition:margin-left .28s ease}.header{height:var(--header-height);padding:0 28px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;background:#09090dd1;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);transition:background .3s ease}html.light .header{background:#f0f0f7e0}.header-title{font-family:Syne,sans-serif;font-weight:700;font-size:17px;letter-spacing:-.4px}.header-date{font-size:11.5px;color:var(--text-muted);margin-top:2px}.header-actions{display:flex;align-items:center;gap:8px}.page-content{padding:26px 28px;flex:1;max-width:1440px;width:100%}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-xs),inset 0 1px #ffffff0a;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}html.light .card{box-shadow:var(--shadow-xs),inset 0 1px #ffffffe6}.card-pad{padding:var(--card-pad)}.card-hover:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:20px;position:relative;overflow:hidden;box-shadow:var(--shadow-xs),inset 0 1px #ffffff0a;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.stat-card:after{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle at top right,rgba(255,255,255,.03) 0%,transparent 65%);pointer-events:none}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:38px;height:38px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.stat-value{font-family:IBM Plex Mono,monospace;font-size:24px;font-weight:600;letter-spacing:-.8px;margin:14px 0 4px;line-height:1.15}.stat-label{font-size:12.5px;font-weight:500;color:var(--text-secondary)}.stat-sub{font-size:11.5px;color:var(--text-muted);margin-top:5px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--r-md);font-size:13px;font-weight:500;border:none;transition:all .16s ease;white-space:nowrap;cursor:pointer;letter-spacing:.01em}.btn:disabled{opacity:.45;pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);color:#fff;font-weight:600;box-shadow:0 2px 10px var(--accent-glow)}.btn-primary:hover{box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px);filter:brightness(1.08)}.btn-primary:active{transform:translateY(0);filter:brightness(.96);box-shadow:none}.btn-ghost{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-hover)}.btn-accent-ghost{background:var(--accent-dim);color:var(--accent);border:1px solid rgba(124,92,252,.2);font-weight:500}.btn-accent-ghost:hover{background:var(--accent-dim-hover);border-color:#7c5cfc59}.btn-danger-ghost{background:var(--negative-dim);color:var(--negative);border:1px solid rgba(242,92,126,.2)}.btn-danger-ghost:hover{background:#f25c7e29;border-color:#f25c7e59}.btn-sm{padding:5px 11px;font-size:12px;border-radius:var(--r-sm)}.btn-icon{width:32px;height:32px;padding:0;justify-content:center;border-radius:var(--r-sm)}.input{width:100%;padding:9px 13px;border-radius:var(--r-md);font-size:13.5px;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);outline:none;transition:border-color .18s ease,box-shadow .18s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238a8a9e' d='M6 8L1.5 3h9L6 8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}.input-with-icon{position:relative}.input-with-icon .input{padding-left:38px}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:13px;pointer-events:none;z-index:1}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:30px;font-size:11.5px;font-weight:500;letter-spacing:.01em}.tx-table{display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);background:var(--bg-card)}.tx-header{display:grid;grid-template-columns:110px 1fr 130px 140px 120px 88px;gap:8px;align-items:center;padding:11px 18px;background:var(--bg-surface);border-bottom:1px solid var(--border);font-size:10.5px;font-weight:700;color:var(--text-muted);letter-spacing:.09em;text-transform:uppercase}.tx-row{display:grid;grid-template-columns:110px 1fr 130px 140px 120px 88px;gap:8px;align-items:center;padding:12px 18px;font-size:13px;border-bottom:1px solid var(--border);transition:background .12s ease;position:relative}.tx-row:last-child{border-bottom:none}.tx-row:hover{background:var(--bg-card-hover)}.tx-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);opacity:0;transition:opacity .14s ease}.tx-row:hover:before{opacity:1}.tx-desc{display:flex;align-items:center;gap:10px}.tx-desc-icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .18s ease}.modal{background:var(--bg-card);border:1px solid var(--border-hover);border-radius:var(--r-2xl);padding:26px;width:490px;max-width:100%;box-shadow:var(--shadow-xl),inset 0 1px #ffffff0f;animation:slideUp .22s cubic-bezier(.22,1,.36,1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.modal-title{font-family:Syne,sans-serif;font-weight:700;font-size:18px;letter-spacing:-.4px}.form-group{margin-bottom:15px}.form-label{display:block;font-size:12.5px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.01em}.progress-bar-track{height:5px;border-radius:3px;background:var(--bg-surface);overflow:hidden}.progress-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent-light));transition:width .7s cubic-bezier(.22,1,.36,1)}.divider{height:1px;background:var(--border);margin:10px 0}.role-badge{padding:7px 10px;border-radius:var(--r-sm);font-size:11.5px;border:1px solid;margin-top:6px}.empty-state{text-align:center;padding:64px 24px}.empty-state-icon{font-size:36px;margin-bottom:16px;opacity:.4}.empty-state-title{font-size:15px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.empty-state-sub{font-size:13px;color:var(--text-muted);line-height:1.5}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:199}.hamburger-btn{display:none}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.charts-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:16px}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.obs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1060px){.charts-grid{grid-template-columns:1fr}}@media (max-width: 900px){.insights-grid,.obs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:8px 0 32px #00000080}.sidebar-overlay.open{display:block}.main-content{margin-left:0!important}.hamburger-btn{display:inline-flex!important}.tx-header,.tx-row{grid-template-columns:100px 1fr 110px 100px}.tx-col-category,.tx-col-actions{display:none!important}.header{padding:0 16px}.page-content{padding:18px}.stats-grid{grid-template-columns:1fr 1fr}.insights-grid,.obs-grid{grid-template-columns:1fr}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.tx-header,.tx-row{grid-template-columns:84px 1fr 96px}.tx-col-type{display:none!important}.page-content{padding:14px}}