@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--cos-void:#030308;--cos-abyss:#06060f;--cos-deep:#0a0a1a;--cos-surface:#0c0c1ceb;--cos-elevated:#101024f2;--cos-floating:#14142cfa;--cos-glass:#ffffff06;--cos-glass-hover:#ffffff0b;--cos-border:#ffffff0a;--cos-border-subtle:#ffffff06;--cos-border-active:#6366f133;--cos-text-primary:#fffffff0;--cos-text-secondary:#ffffff85;--cos-text-tertiary:#ffffff38;--cos-accent:#6366f1;--cos-accent-dim:#6366f114;--cos-accent-glow:#6366f126;--cos-emerald:#10b981;--cos-emerald-dim:#10b98114;--cos-amber:#f59e0b;--cos-amber-dim:#f59e0b14;--cos-rose:#f43f5e;--cos-rose-dim:#f43f5e14;--cos-sky:#06b6d4;--cos-sky-dim:#06b6d414;--cos-violet:#8b5cf6;--cos-violet-dim:#8b5cf614;--cos-r-sm:6px;--cos-r:10px;--cos-r-lg:14px;--cos-r-xl:20px;--cos-r-2xl:28px;--cos-r-pill:999px;--cos-font:"Inter", system-ui, -apple-system, sans-serif;--cos-mono:"JetBrains Mono", ui-monospace, monospace;--cos-rail-w:280px;--cos-insight-w:320px;--cos-bar-h:56px;--cos-transition:.15s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--cos-font);background:var(--cos-void);color:var(--cos-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff1f}.cos-page{background:var(--cos-void);min-height:100vh;position:relative;overflow-x:hidden}.cos-ambient{z-index:0;pointer-events:none;background:radial-gradient(800px 600px at 15% 10%,#6366f10f 0%,#0000 60%),radial-gradient(600px 500px at 85% 85%,#3b82f60a 0%,#0000 60%),radial-gradient(400px 400px,#8b5cf606 0%,#0000 60%);position:fixed;inset:0}.cos-grid-lines{z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,#0000 70%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,#0000 70%)}.cos-neural-line{background:linear-gradient(90deg, transparent 0%, var(--cos-accent) 50%, transparent 100%);opacity:.15;z-index:1;height:1px;animation:4s ease-in-out infinite cos-scan;position:fixed;top:0;left:0;right:0}@keyframes cos-scan{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.cos-bar{z-index:60;height:var(--cos-bar-h);-webkit-backdrop-filter:blur(24px)saturate(1.2);border-bottom:1px solid var(--cos-border);background:#06060fe0;justify-content:space-between;align-items:center;gap:12px;padding:0 20px;display:flex;position:sticky;top:0}.cos-bar-left,.cos-bar-right{align-items:center;gap:10px;display:flex}.cos-bar-center{flex:1;justify-content:center;display:flex}.cos-brand{align-items:center;gap:10px;display:flex}.cos-brand-icon{background:linear-gradient(135deg,#6366f14d,#8b5cf626);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:relative}.cos-brand-icon:after{content:"";z-index:-1;filter:blur(6px);background:linear-gradient(135deg,#6366f126,#0000);border-radius:13px;position:absolute;inset:-3px}.cos-brand-text{letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:12px;font-weight:900}.cos-brand-sub{color:var(--cos-text-tertiary);letter-spacing:.06em;font-size:9px;font-weight:500}.cos-search{border-radius:var(--cos-r-lg);border:1px solid var(--cos-border);background:var(--cos-glass);width:100%;max-width:420px;transition:all var(--cos-transition);align-items:center;gap:8px;padding:8px 14px;display:flex}.cos-search:focus-within{border-color:var(--cos-border-active);background:#ffffff0a;box-shadow:0 0 0 3px #6366f10f}.cos-search input{color:var(--cos-text-primary);background:0 0;border:0;outline:0;flex:1;font-size:13px;font-weight:500}.cos-search input::placeholder{color:var(--cos-text-tertiary)}.cos-search-kbd{border:1px solid var(--cos-border);font-size:10px;font-family:var(--cos-mono);color:var(--cos-text-tertiary);background:#ffffff0a;border-radius:4px;padding:2px 6px;font-weight:600}.cos-pill{border-radius:var(--cos-r-pill);border:1px solid var(--cos-border);background:var(--cos-glass);color:var(--cos-text-secondary);cursor:pointer;transition:all var(--cos-transition);white-space:nowrap;align-items:center;gap:6px;padding:7px 14px;font-size:11px;font-weight:600;display:inline-flex}.cos-pill:hover{background:var(--cos-glass-hover);border-color:var(--cos-border-active);color:var(--cos-text-primary)}.cos-pill-live{color:var(--cos-emerald);background:#10b9810f;border-color:#10b98133}.cos-pill-live:before{content:"";background:var(--cos-emerald);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite cos-pulse}@keyframes cos-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.cos-ghost{border-radius:var(--cos-r);border:1px solid var(--cos-border);width:36px;height:36px;color:var(--cos-text-secondary);cursor:pointer;transition:all var(--cos-transition);background:0 0;justify-content:center;align-items:center;display:inline-flex}.cos-ghost:hover{background:var(--cos-glass-hover);color:var(--cos-text-primary);border-color:var(--cos-border-active)}.cos-layout{grid-template-columns:var(--cos-rail-w) 1fr var(--cos-insight-w);min-height:calc(100vh - var(--cos-bar-h));z-index:10;gap:0;display:grid;position:relative}.cos-rail{top:var(--cos-bar-h);height:calc(100vh - var(--cos-bar-h));border-right:1px solid var(--cos-border);-webkit-backdrop-filter:blur(16px);background:#08081499;flex-direction:column;display:flex;position:sticky;overflow-y:auto}.cos-rail::-webkit-scrollbar{display:none}.cos-rail-header{border-bottom:1px solid var(--cos-border);padding:20px 16px 12px}.cos-rail-title{text-transform:uppercase;letter-spacing:.18em;color:var(--cos-accent);font-size:9px;font-weight:800}.cos-rail-subtitle{letter-spacing:-.02em;margin-top:4px;font-size:18px;font-weight:800}.cos-rail-section{border-bottom:1px solid var(--cos-border);padding:12px 10px}.cos-rail-section-title{text-transform:uppercase;letter-spacing:.16em;color:var(--cos-text-tertiary);padding:0 6px 8px;font-size:8px;font-weight:700}.cos-nav-item{border-radius:var(--cos-r);color:var(--cos-text-secondary);transition:all var(--cos-transition);align-items:center;gap:10px;padding:9px 12px;font-size:12.5px;font-weight:500;text-decoration:none;display:flex;position:relative}.cos-nav-item:hover{background:var(--cos-glass);color:var(--cos-text-primary)}.cos-nav-item.active{background:var(--cos-accent-dim);color:var(--cos-text-primary);font-weight:600}.cos-nav-item.active:before{content:"";background:var(--cos-accent);border-radius:0 3px 3px 0;width:3px;height:16px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.cos-nav-item svg{opacity:.5;flex-shrink:0;width:16px;height:16px}.cos-nav-item.active svg{opacity:1;color:var(--cos-accent)}.cos-nav-badge{border-radius:var(--cos-r-pill);margin-left:auto;padding:1px 6px;font-size:9px;font-weight:700}.cos-nav-badge-danger{background:var(--cos-rose-dim);color:var(--cos-rose)}.cos-nav-badge-warn{background:var(--cos-amber-dim);color:var(--cos-amber)}.cos-nav-badge-info{background:var(--cos-accent-dim);color:var(--cos-accent)}.cos-rail-actions{gap:6px;padding:12px 10px;display:grid}.cos-rail-action{border-radius:var(--cos-r-lg);border:1px solid var(--cos-border);background:var(--cos-glass);color:var(--cos-text-primary);cursor:pointer;transition:all var(--cos-transition);align-items:center;gap:10px;padding:10px 12px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.cos-rail-action:hover{background:var(--cos-accent-dim);border-color:var(--cos-border-active);transform:translate(2px)}.cos-rail-action svg{width:16px;height:16px}.cos-rail-footer{border-top:1px solid var(--cos-border);margin-top:auto;padding:14px 10px}.cos-rail-user{border-radius:var(--cos-r-lg);background:var(--cos-glass);border:1px solid var(--cos-border);align-items:center;gap:10px;padding:10px 12px;display:flex}.cos-rail-avatar{border-radius:var(--cos-r);background:linear-gradient(135deg, var(--cos-accent), var(--cos-violet));color:#fff;place-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:grid}.cos-rail-user-name{font-size:12px;font-weight:700}.cos-rail-user-role{color:var(--cos-text-tertiary);font-size:9px}.cos-center{min-height:calc(100vh - var(--cos-bar-h));flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}.cos-insight{top:var(--cos-bar-h);height:calc(100vh - var(--cos-bar-h));border-left:1px solid var(--cos-border);-webkit-backdrop-filter:blur(16px);background:#08081499;flex-direction:column;gap:12px;padding:16px;display:flex;position:sticky;overflow-y:auto}.cos-insight::-webkit-scrollbar{display:none}.cos-insight-section{border-radius:var(--cos-r-lg);border:1px solid var(--cos-border);background:var(--cos-glass);padding:14px}.cos-insight-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.cos-insight-icon{border-radius:var(--cos-r);place-items:center;width:28px;height:28px;display:grid}.cos-insight-label{text-transform:uppercase;letter-spacing:.1em;color:var(--cos-text-tertiary);font-size:10px;font-weight:700}.cos-insight-title{font-size:13px;font-weight:700}.cos-feed{border-radius:var(--cos-r-lg);border:1px solid var(--cos-border);background:var(--cos-glass);flex-direction:column;flex:1;display:flex;overflow:hidden}.cos-feed-header{border-bottom:1px solid var(--cos-border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.cos-feed-list{flex:1;padding:4px;overflow-y:auto}.cos-feed-item{border-radius:var(--cos-r);transition:background var(--cos-transition);align-items:flex-start;gap:10px;padding:10px;display:flex}.cos-feed-item:hover{background:#ffffff05}.cos-feed-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:4px}.cos-feed-dot-info{background:var(--cos-accent)}.cos-feed-dot-success{background:var(--cos-emerald)}.cos-feed-dot-warn{background:var(--cos-amber)}.cos-feed-dot-danger{background:var(--cos-rose)}.cos-feed-text{color:var(--cos-text-secondary);font-size:12px;font-weight:500}.cos-feed-text strong{color:var(--cos-text-primary);font-weight:600}.cos-feed-time{color:var(--cos-text-tertiary);font-size:10px;font-family:var(--cos-mono);margin-top:2px}.cos-metric-strip{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.cos-metric-card{border-radius:var(--cos-r-lg);border:1px solid var(--cos-border);background:var(--cos-glass);transition:all var(--cos-transition);padding:16px;position:relative;overflow:hidden}.cos-metric-card:hover{border-color:var(--cos-border-active);transform:translateY(-1px);box-shadow:0 8px 24px #00000026}.cos-metric-card .glow{filter:blur(30px);opacity:.08;pointer-events:none;border-radius:50%;width:80px;height:80px;position:absolute;top:-20px;right:-20px}.cos-metric-label{text-transform:uppercase;letter-spacing:.1em;color:var(--cos-text-tertiary);font-size:9px;font-weight:700}.cos-metric-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:24px;font-weight:800;line-height:1}.cos-metric-trend{border-radius:var(--cos-r-pill);align-items:center;gap:3px;margin-top:6px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.cos-metric-trend-up{background:var(--cos-emerald-dim);color:var(--cos-emerald)}.cos-metric-trend-down{background:var(--cos-rose-dim);color:var(--cos-rose)}.cos-metric-trend-flat{color:var(--cos-text-tertiary);background:#ffffff08}.cos-section{border-radius:var(--cos-r-xl);border:1px solid var(--cos-border);-webkit-backdrop-filter:blur(12px);background:#0a0a18b3;overflow:hidden}.cos-section-header{border-bottom:1px solid var(--cos-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cos-section-title{letter-spacing:-.01em;font-size:13px;font-weight:700}.cos-section-sub{color:var(--cos-text-tertiary);margin-top:2px;font-size:11px}.cos-section-body{padding:16px 20px}.cos-section-body-compact{padding:0}.cos-row{transition:background var(--cos-transition);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.cos-row:hover{background:#ffffff04}.cos-row+.cos-row{border-top:1px solid var(--cos-border-subtle)}.cos-bar-chart{align-items:flex-end;gap:3px;height:48px;display:flex}.cos-bar{background:var(--cos-accent);opacity:.6;transition:opacity var(--cos-transition);border-radius:3px 3px 0 0;flex:1;min-height:2px}.cos-bar:hover{opacity:1}.cos-progress{border-radius:var(--cos-r-pill);background:#ffffff0a;height:4px;overflow:hidden}.cos-progress-fill{border-radius:var(--cos-r-pill);background:linear-gradient(90deg, var(--cos-accent), var(--cos-violet));height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.cos-tag{border-radius:var(--cos-r-pill);align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.cos-tag-emerald{background:var(--cos-emerald-dim);color:var(--cos-emerald)}.cos-tag-amber{background:var(--cos-amber-dim);color:var(--cos-amber)}.cos-tag-rose{background:var(--cos-rose-dim);color:var(--cos-rose)}.cos-tag-accent{background:var(--cos-accent-dim);color:var(--cos-accent)}.cos-tag-sky{background:var(--cos-sky-dim);color:var(--cos-sky)}.cos-btn{border-radius:var(--cos-r);cursor:pointer;transition:all var(--cos-transition);border:0;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;display:inline-flex}.cos-btn-primary{background:linear-gradient(135deg, var(--cos-accent), var(--cos-violet));color:#fff}.cos-btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 16px #6366f140}.cos-btn-ghost{color:var(--cos-text-secondary);border:1px solid var(--cos-border);background:0 0}.cos-btn-ghost:hover{background:var(--cos-glass-hover);color:var(--cos-text-primary)}.cos-skeleton{border-radius:var(--cos-r);background:linear-gradient(110deg,#ffffff05 30%,#ffffff0a 50%,#ffffff05 70%) 0 0/200% 100%;animation:2s ease-in-out infinite cos-shimmer}@keyframes cos-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes cos-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cos-animate-in{animation:.4s forwards cos-fade-in}@keyframes cos-glow-pulse{0%,to{box-shadow:0 0 8px #6366f114}50%{box-shadow:0 0 24px #6366f12e,0 0 48px #6366f10a}}.cos-glow-pulse{animation:3s ease-in-out infinite cos-glow-pulse}@media (max-width:1280px){.cos-layout{grid-template-columns:var(--cos-rail-w) 1fr}.cos-insight{display:none}}@media (max-width:860px){.cos-layout{grid-template-columns:1fr}.cos-rail,.cos-bar-center{display:none}.cos-center{padding:12px}}.cos-form-section{border-radius:var(--cos-r-lg);border:1px solid var(--cos-border);background:var(--cos-glass);overflow:hidden}.cos-form-section-header{border-bottom:1px solid var(--cos-border-subtle);align-items:center;gap:12px;padding:14px 16px;display:flex}.cos-form-section-num{background:linear-gradient(135deg, var(--cos-accent), var(--cos-violet));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.cos-form-footer{border-top:1px solid var(--cos-border);justify-content:flex-end;align-items:center;gap:8px;padding:14px 16px;display:flex}.cos-input,.cos-select{border-radius:var(--cos-r);border:1px solid var(--cos-border);width:100%;color:var(--cos-text-primary);transition:border-color var(--cos-transition);background:#ffffff08;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:500}.cos-input:focus,.cos-select:focus{border-color:var(--cos-accent);box-shadow:0 0 0 2px #6366f11a}.cos-input::placeholder{color:var(--cos-text-tertiary)}.cos-select{cursor:pointer;appearance:auto}.cos-upload-area{border:2px dashed var(--cos-border);border-radius:var(--cos-r-lg);cursor:pointer;transition:all var(--cos-transition);text-align:center;background:#ffffff03;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;display:flex}.cos-upload-area:hover{border-color:var(--cos-accent);background:var(--cos-accent-dim)}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cos-toggle-row{border-radius:var(--cos-r);border:1px solid var(--cos-border);cursor:pointer;transition:all var(--cos-transition);background:#ffffff05;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.cos-toggle-row:hover{background:#ffffff0a}.cos-chip{border-radius:var(--cos-r-pill);border:1px solid var(--cos-border);color:var(--cos-text-secondary);cursor:pointer;transition:all var(--cos-transition);background:#ffffff08;align-items:center;gap:4px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.cos-chip:hover{color:var(--cos-text-primary);background:#ffffff0f}.cos-chip.active{background:var(--cos-accent);color:#fff;border-color:var(--cos-accent)}.cos-img-thumb{aspect-ratio:1;border-radius:var(--cos-r);border:2px solid var(--cos-border);background:#ffffff08;position:relative;overflow:hidden}.cos-img-thumb-active{border-color:var(--cos-accent);box-shadow:0 0 0 2px #6366f140}.cos-img-thumb-badge{border-radius:var(--cos-r-pill);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;bottom:4px;left:4px}.cos-img-thumb-remove{color:#fff;cursor:pointer;opacity:0;width:22px;height:22px;transition:opacity var(--cos-transition);background:#0009;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:4px;right:4px}.cos-img-thumb:hover .cos-img-thumb-remove{opacity:1}.cos-img-thumb-remove:hover{background:var(--cos-rose)}.os-row{border-bottom:1px solid var(--cos-border-subtle);transition:background var(--cos-transition);grid-template-columns:80px 1fr auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.os-row:hover{background:#ffffff04}.os-row:last-child{border-bottom:none}.cos-product-thumb{border-radius:var(--cos-r);background:#ffffff0a;flex-shrink:0;place-items:center;width:80px;height:80px;display:grid;position:relative;overflow:hidden}.cos-product-info{flex-direction:column;gap:4px;min-width:0;display:flex}.cos-product-title{color:var(--cos-text-primary);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.cos-product-meta{color:var(--cos-text-tertiary);font-size:11px}.cos-product-tags{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.cos-product-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.cos-metric-warn{border-color:var(--cos-amber);box-shadow:0 0 12px #f59e0b14}.cos-metric-icon{border-radius:var(--cos-r);background:var(--cos-accent-dim);width:32px;height:32px;color:var(--cos-accent);place-items:center;display:grid}.cos-metric-icon svg{width:16px;height:16px}.cos-metric-sub{color:var(--cos-text-tertiary);margin-top:2px;font-size:11px}.cos-section-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--cos-accent);font-size:10px;font-weight:700}.cos-action-item{border-radius:var(--cos-r);border:1px solid var(--cos-border-subtle);background:#ffffff05;align-items:center;gap:10px;padding:10px 12px;display:flex}.cos-action-number{border:1px solid var(--cos-border);width:28px;height:28px;color:var(--cos-accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:800;display:grid}.cos-action-number svg{width:14px;height:14px}.cos-action-text{color:var(--cos-text-secondary);font-size:12px}.cos-link{color:var(--cos-accent);transition:color var(--cos-transition);align-items:center;gap:4px;margin-top:12px;padding:8px 0;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.cos-link:hover{color:var(--cos-violet)}.cos-grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:1024px){.cos-grid-2{grid-template-columns:1fr}}.cos-progress-track{border-radius:var(--cos-r-pill);background:#ffffff0a;height:6px;margin-top:6px;overflow:hidden}.cos-progress-bar{color:var(--cos-text-tertiary);justify-content:space-between;align-items:center;font-size:11px;display:flex}