:root{--ds-navy: #0d1052;--apron-navy: #11182d;--rocco-gray: #a5a3a2;--clean-white: #ffffff;--soft-bg: #f7f8fb;--bg-primary: #0a0d1e;--bg-deep: #070a16;--bg-card: rgba(17, 24, 45, .72);--bg-card-solid: #11182d;--bg-card-border: rgba(247, 248, 251, .07);--bg-hover: rgba(247, 248, 251, .035);--accent-brand: #7c88ff;--accent-agents: #53d7ec;--accent-business: #b57cfa;--accent-social: #f26b93;--accent-crm: #34c98e;--accent-obsidian: #8f7cff;--accent-warning: #e7b549;--accent-danger: #e05d5d;--text-primary: #f7f8fb;--text-muted: #a5a3a2;--text-dim: #565b6b;--font-display: "Oswald", sans-serif;--font-body: "Source Sans 3", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 16px;--radius-sm: 10px;--sidebar-w: 232px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow:hidden}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 60% 45% at 12% -5%,rgba(13,16,82,.55),transparent 60%),radial-gradient(ellipse 50% 40% at 95% 8%,rgba(83,215,236,.05),transparent 60%),radial-gradient(ellipse 55% 50% at 55% 110%,rgba(143,124,255,.07),transparent 60%),var(--bg-primary)}.app-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 0%,black 30%,transparent 90%);mask-image:radial-gradient(ellipse 90% 80% at 50% 0%,black 30%,transparent 90%)}::selection{background:#7c88ff52}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff17;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.01em}a{color:var(--accent-agents);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}.app-shell{display:flex;height:100vh}.main{flex:1;overflow-y:auto;padding:28px 32px 48px;animation:fade-in .35s ease both}.view-header{margin-bottom:24px}.view-header h1{font-size:26px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.view-header .subtitle{color:var(--text-muted);margin-top:2px;font-size:13px}.view-header h1 .accent-tick{display:inline-block;width:10px;height:22px;margin-right:12px;transform:skew(-12deg);border-radius:2px}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-2-1{grid-template-columns:2fr 1fr}.grid-1-1-1-1{grid-template-columns:repeat(4,1fr)}.mt{margin-top:18px}@media(max-width:1280px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.grid-4,.grid-3,.grid-2,.grid-2-1{grid-template-columns:1fr}.main{padding:20px 16px 40px}}.card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bg-card-border);border-radius:var(--radius);box-shadow:0 8px 32px #0006;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;padding:20px;animation:slide-up .4s ease both}.card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0009;border-color:#ffffff1a}.card.no-lift:hover{transform:none}.card-title{font-family:var(--font-display);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.card-title .count-pill{font-family:var(--font-mono);font-size:11px;padding:1px 8px;border-radius:20px;background:#ffffff0f;color:var(--text-primary)}.scroll-y{overflow-y:auto}.metric-card{position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--metric-accent, var(--accent-agents));box-shadow:0 0 14px var(--metric-accent, var(--accent-agents))}.metric-card .metric-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--metric-accent) 12%,transparent);color:var(--metric-accent);font-size:18px;margin-bottom:12px}.metric-card .metric-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-family:var(--font-display)}.metric-card .metric-value{font-family:var(--font-display);font-size:30px;font-weight:700;line-height:1.15;margin-top:2px}.metric-card .metric-trend{font-size:12px;margin-top:6px;font-family:var(--font-mono)}.metric-card .metric-trend.up{color:var(--accent-crm)}.metric-card .metric-trend.down{color:var(--accent-danger)}.metric-card .metric-trend.flat{color:var(--text-muted)}.mock-tag{font-size:9px;font-family:var(--font-mono);text-transform:uppercase;color:var(--text-dim);border:1px solid var(--text-dim);padding:0 5px;border-radius:4px;margin-left:8px;vertical-align:middle}.status-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-family:var(--font-mono)}.status-dot{width:8px;height:8px;border-radius:50%;position:relative}.status-dot.pulse:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid currentColor;opacity:.6;animation:pulse-ring 1.8s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(.5);opacity:.7}to{transform:scale(1.6);opacity:0}}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);height:100vh;display:flex;flex-direction:column;background:#080b13d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--bg-card-border);padding:22px 14px;z-index:5}.sidebar .logo{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:.08em;padding:0 10px 20px;text-transform:uppercase}.sidebar .logo .logo-img{width:42px;height:42px;border-radius:10px;object-fit:cover;border:1px solid var(--bg-card-border);box-shadow:0 0 16px #7c88ff38;flex-shrink:0}.sidebar .logo .sub{display:block;font-size:9px;letter-spacing:.28em;color:var(--text-muted);margin-top:2px;font-weight:500}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:2px 0;border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:background .15s ease,color .15s ease,box-shadow .15s ease;position:relative}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary);text-decoration:none}.nav-item.active{color:var(--nav-accent, var(--accent-agents));background:color-mix(in srgb,var(--nav-accent, var(--accent-agents)) 8%,transparent);box-shadow:inset 2px 0 0 var(--nav-accent, var(--accent-agents)),0 0 20px color-mix(in srgb,var(--nav-accent, var(--accent-agents)) 12%,transparent)}.nav-item .nav-icon{font-size:16px;width:20px;text-align:center}.nav-item .nav-badge{margin-left:auto;font-family:var(--font-mono);font-size:10px;background:color-mix(in srgb,var(--accent-warning) 22%,transparent);color:var(--accent-warning);border-radius:12px;padding:1px 7px;animation:badge-pulse 2.4s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.55}}.sidebar .sidebar-footer{margin-top:auto;padding:12px 10px 0;border-top:1px solid var(--bg-card-border);font-family:var(--font-mono);font-size:10px;color:var(--text-dim);display:flex;flex-direction:column;gap:6px}.sidebar .logout-btn{background:none;border:1px solid var(--bg-card-border);color:var(--text-muted);border-radius:8px;padding:6px;font-family:var(--font-display);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.sidebar .logout-btn:hover{color:var(--accent-danger);border-color:var(--accent-danger)}@media(max-width:900px){.sidebar{width:64px;min-width:64px;padding:18px 8px}.sidebar .logo{font-size:0;padding:0 0 16px;justify-content:center}.sidebar .logo .logo-img{width:38px;height:38px}.sidebar .logo .sub{display:none}.nav-item{justify-content:center;padding:12px 0}.nav-item .nav-label{display:none}.nav-item .nav-badge{position:absolute;top:4px;right:6px;margin:0}.sidebar .sidebar-footer{display:none}}.login-gate{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(ellipse 70% 55% at 50% -10%,rgba(13,16,82,.65),transparent 65%),radial-gradient(ellipse 45% 40% at 85% 100%,rgba(124,136,255,.1),transparent 60%),var(--bg-deep)}.login-card{width:min(400px,92vw);text-align:center;padding:44px 36px;animation:slide-up .5s ease both}.login-card .login-logo{width:128px;height:128px;border-radius:20px;object-fit:cover;border:1px solid var(--bg-card-border);box-shadow:0 0 34px #7c88ff47;animation:badge-pulse 3.5s ease-in-out infinite}.login-card h1{font-size:20px;margin:14px 0 2px;text-transform:uppercase;letter-spacing:.14em}.login-card .login-sub{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;margin-bottom:28px}.login-card input{width:100%;padding:12px 16px;background:#ffffff0a;border:1px solid var(--bg-card-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:14px;text-align:center;letter-spacing:.2em;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.login-card input:focus{border-color:var(--accent-agents);box-shadow:0 0 20px #7c88ff2e}.login-card button{width:100%;margin-top:14px;padding:12px;background:linear-gradient(120deg,#7c88ff33,#0d10528c);border:1px solid rgba(124,136,255,.4);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-display);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.14em;transition:box-shadow .2s ease,transform .15s ease}.login-card button:hover{box-shadow:0 0 24px #7c88ff4d;transform:translateY(-1px)}.login-error{color:var(--accent-danger);font-size:12px;margin-top:12px;font-family:var(--font-mono);animation:fade-in .25s ease}.terminal{background:#05070d;border:1px solid var(--bg-card-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;padding:12px 14px;height:240px;overflow-y:auto}.terminal .t-line{display:flex;gap:10px;padding:1.5px 0}.terminal .t-time{color:var(--text-dim);flex-shrink:0}.terminal .t-info{color:var(--accent-agents)}.terminal .t-warn{color:var(--accent-warning)}.terminal .t-error{color:var(--accent-danger)}.terminal .t-ok{color:var(--accent-crm)}.terminal-cursor{display:inline-block;width:7px;height:13px;background:var(--accent-agents);vertical-align:middle;animation:terminal-blink 1.1s step-end infinite}@keyframes terminal-blink{0%,to{opacity:1}50%{opacity:0}}.goal-tracker{margin:12px 0}.goal-tracker .goal-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.goal-tracker .goal-value{font-family:var(--font-mono);color:var(--text-primary)}.goal-tracker .goal-bar{height:8px;border-radius:6px;background:#ffffff0d;overflow:hidden}.goal-tracker .goal-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--goal-accent, var(--accent-business)),color-mix(in srgb,var(--goal-accent, var(--accent-business)) 60%,white));box-shadow:0 0 12px var(--goal-accent, var(--accent-business));transition:width 1s cubic-bezier(.22,1,.36,1)}.list-row{display:flex;align-items:baseline;gap:12px;padding:9px 10px;border-radius:var(--radius-sm);transition:background .15s ease}.list-row:hover{background:var(--bg-hover)}.list-row+.list-row{border-top:1px solid rgba(255,255,255,.03)}.list-row .row-title{font-weight:500;font-size:13px}.list-row .row-meta{font-family:var(--font-mono);font-size:10.5px;color:var(--text-dim);margin-left:auto;flex-shrink:0}.list-row .row-sub{color:var(--text-muted);font-size:12px}.note-preview-text{color:var(--text-muted);font-size:12px;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fm-badge{font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;padding:1px 7px;border-radius:4px;letter-spacing:.06em;border:1px solid;flex-shrink:0}.fm-approved{color:var(--accent-crm);border-color:color-mix(in srgb,var(--accent-crm) 45%,transparent)}.fm-proposed{color:var(--accent-warning);border-color:color-mix(in srgb,var(--accent-warning) 45%,transparent)}.fm-draft{color:var(--text-muted);border-color:var(--text-dim)}.fm-inbox{color:var(--accent-social);border-color:color-mix(in srgb,var(--accent-social) 45%,transparent)}.fm-verified{color:var(--accent-agents);border-color:color-mix(in srgb,var(--accent-agents) 45%,transparent)}.fm-default{color:var(--text-muted);border-color:var(--text-dim)}.task-item{display:flex;align-items:flex-start;gap:10px;padding:5px 0;font-size:13px}.task-check{width:15px;height:15px;margin-top:2px;flex-shrink:0;border:1.5px solid var(--text-dim);border-radius:4px;display:grid;place-items:center;font-size:10px}.task-item.done .task-check{border-color:var(--accent-crm);color:var(--accent-crm);background:color-mix(in srgb,var(--accent-crm) 10%,transparent)}.task-item.done .task-text{color:var(--text-dim);text-decoration:line-through}.markdown{font-size:13px;color:var(--text-primary)}.markdown h1,.markdown h2,.markdown h3{margin:14px 0 8px;font-size:15px;color:var(--text-primary)}.markdown h1{font-size:17px}.markdown p{margin:7px 0;color:var(--text-muted)}.markdown ul,.markdown ol{margin:7px 0 7px 20px;color:var(--text-muted)}.markdown li{margin:3px 0}.markdown code{font-family:var(--font-mono);font-size:12px;background:#ffffff0f;padding:1px 5px;border-radius:4px}.markdown pre{background:#05070d;padding:12px;border-radius:var(--radius-sm);overflow-x:auto;margin:10px 0}.markdown blockquote{border-left:2px solid var(--accent-obsidian);padding-left:12px;margin:8px 0;color:var(--text-muted)}.markdown table{border-collapse:collapse;margin:10px 0;width:100%;font-size:12px}.markdown th,.markdown td{border:1px solid var(--bg-card-border);padding:5px 9px;text-align:left}.markdown input[type=checkbox]{accent-color:var(--accent-crm);margin-right:6px}.search-input{width:100%;padding:11px 16px 11px 40px;background:#ffffff0a;border:1px solid var(--bg-card-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{border-color:var(--accent-obsidian);box-shadow:0 0 18px #a3adff29}.search-wrap{position:relative}.search-wrap .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-dim)}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start}@media(max-width:1100px){.kanban{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.kanban{grid-template-columns:1fr}}.kanban-col{background:#ffffff05;border:1px solid var(--bg-card-border);border-radius:var(--radius);padding:12px}.kanban-col-title{font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:2px 6px 10px;display:flex;justify-content:space-between}.kanban-card{background:var(--bg-card-solid);border:1px solid var(--bg-card-border);border-radius:var(--radius-sm);padding:12px;margin-bottom:10px;font-size:12.5px;transition:transform .15s ease,border-color .15s ease}.kanban-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent-crm) 40%,transparent)}.kanban-card .k-score{font-family:var(--font-mono);font-size:10px;color:var(--accent-crm);border:1px solid color-mix(in srgb,var(--accent-crm) 40%,transparent);padding:0 6px;border-radius:4px}.kanban-card .k-meta{color:var(--text-dim);font-size:11px;margin-top:6px;font-family:var(--font-mono)}.uptime-bars{display:flex;gap:3px;align-items:flex-end;height:34px}.uptime-bars .u-bar{flex:1;border-radius:2px;min-height:6px;background:var(--accent-crm);opacity:.85;transition:opacity .15s ease}.uptime-bars .u-bar.down{background:var(--accent-danger)}.uptime-bars .u-bar:hover{opacity:1}.empty-state{color:var(--text-dim);font-family:var(--font-mono);font-size:12px;text-align:center;padding:26px 10px}.loading-shimmer{height:14px;border-radius:6px;margin:8px 0;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.chip{display:inline-block;font-family:var(--font-mono);font-size:10.5px;background:#ffffff0d;border-radius:12px;padding:2px 9px;margin:2px 3px 2px 0;color:var(--text-muted)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.stagger>*{animation:slide-up .45s ease both}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.07s}.stagger>*:nth-child(3){animation-delay:.12s}.stagger>*:nth-child(4){animation-delay:.17s}.stagger>*:nth-child(5){animation-delay:.22s}.stagger>*:nth-child(6){animation-delay:.27s}