:root{color-scheme:dark;--bg-page: #070b12;--bg-shell: rgba(10, 15, 25, .92);--bg-panel: #0d1320;--bg-card: #111827;--bg-card-elevated: #151f2f;--bg-soft: #0b111c;--border-subtle: rgba(148, 163, 184, .16);--border-strong: rgba(148, 163, 184, .28);--text-primary: #f3f7fb;--text-secondary: #b6c2d2;--text-muted: #7c8ba1;--accent: #5aa7ff;--accent-soft: rgba(90, 167, 255, .12);--success: #41d695;--success-soft: rgba(65, 214, 149, .12);--warning: #f5c451;--warning-soft: rgba(245, 196, 81, .12);--danger: #ff6b7a;--danger-soft: rgba(255, 107, 122, .12);--shadow-card: 0 18px 45px rgba(0, 0, 0, .28);--shadow-nav: 0 12px 36px rgba(0, 0, 0, .24);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--font-system: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{max-width:100%;overflow-x:clip}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(31,111,235,.16),transparent 34rem),radial-gradient(circle at top right,rgba(65,214,149,.08),transparent 28rem),linear-gradient(180deg,#070b12,#080c13 42%,#05070c);color:var(--text-primary);font-family:var(--font-system);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;max-width:100%}a{color:var(--accent)}img,svg,canvas,video{max-width:100%}pre,code{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}table{max-width:100%}button,.btn{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:linear-gradient(180deg,#1b273bfa,#121b2bfa);color:var(--text-primary);cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease}button:hover,.btn:hover{border-color:#5aa7ff8c;transform:translateY(-1px)}input,select,textarea{background:#0a0f19d1;border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-sm);outline:none}input:focus,select:focus,textarea:focus{border-color:#5aa7ffb8;box-shadow:0 0 0 3px #5aa7ff1f}.app-shell{min-height:100vh;min-width:0}.app-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:22px;min-height:64px;padding:0 28px;background:var(--bg-shell);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-nav);min-width:0}.app-brand{display:inline-flex;align-items:center;gap:10px;margin-right:4px;color:var(--text-primary);text-decoration:none;font-weight:800;letter-spacing:-.03em;white-space:nowrap}.app-brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#5aa7ff47,#41d69529);border:1px solid rgba(90,167,255,.32);color:var(--accent);flex:0 0 auto}.app-nav-link{position:relative;color:var(--text-muted);text-decoration:none;font-size:13px;font-weight:650;letter-spacing:.01em;padding:22px 0 20px;transition:color .14s ease;white-space:nowrap}.app-nav-link:hover{color:var(--text-secondary)}.app-nav-link.active{color:var(--text-primary)}.app-nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--success))}.app-main{width:min(1280px,calc(100% - 40px));margin:0 auto;padding:34px 0 56px;min-width:0}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-6);min-width:0}.page-kicker{margin:0 0 6px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.page-title{margin:0;color:var(--text-primary);font-size:clamp(26px,3vw,38px);line-height:1.05;letter-spacing:-.04em;overflow-wrap:anywhere}.page-subtitle{max-width:720px;margin:10px 0 0;color:var(--text-secondary);font-size:14px;overflow-wrap:anywhere}.control-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;min-width:0}.input-control{min-height:40px;padding:8px 12px}.card-grid{display:grid;gap:var(--space-4);min-width:0}.pro-card{position:relative;overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:linear-gradient(180deg,#161f30f5,#0d1320f5),var(--bg-card);box-shadow:var(--shadow-card);min-width:0}.pro-card *,.state-panel *,.metric-tile *,.card-grid *{min-width:0}.pro-card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);pointer-events:none}.pro-card-hover{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.pro-card-hover:hover{border-color:#5aa7ff6b;box-shadow:0 22px 60px #00000057;transform:translateY(-2px)}.card-pad{padding:var(--space-5)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);min-width:0}.card-title{margin:0;color:var(--text-primary);font-size:16px;font-weight:800;letter-spacing:-.02em;overflow-wrap:anywhere}.card-meta{color:var(--text-muted);font-size:12px;overflow-wrap:anywhere}.status-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-subtle);border-radius:999px;padding:4px 9px;background:#94a3b814;color:var(--text-secondary);font-size:11px;font-weight:750;letter-spacing:.02em;white-space:normal;max-width:100%;overflow-wrap:anywhere}.status-badge.success{border-color:#41d69547;background:var(--success-soft);color:var(--success)}.status-badge.warning{border-color:#f5c45147;background:var(--warning-soft);color:var(--warning)}.status-badge.danger{border-color:#ff6b7a47;background:var(--danger-soft);color:var(--danger)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3);min-width:0}.metric-tile{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;background:#070b126b;min-width:0}.metric-label{margin-bottom:5px;color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;overflow-wrap:anywhere}.metric-value{color:var(--text-primary);font-size:22px;font-weight:850;letter-spacing:-.04em;overflow-wrap:anywhere}.metric-context{margin-top:3px;color:var(--text-muted);font-size:12px;overflow-wrap:anywhere}.state-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px;background:#0d1320cc;color:var(--text-secondary);text-align:center;min-width:0;overflow-wrap:anywhere}.state-panel.error{border-color:#ff6b7a40;background:#ff6b7a14;color:#ffc4ca}.skeleton-line{height:12px;border-radius:999px;background:linear-gradient(90deg,#94a3b814,#94a3b82e,#94a3b814);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 980px){.app-nav{gap:16px;overflow-x:auto;padding:0 18px}.app-main{width:min(100% - 28px,1280px);padding-top:24px}.page-header{flex-direction:column}}@media (max-width: 768px){.app-main{width:min(100% - 20px,1280px);padding-top:18px;padding-bottom:36px}.app-nav{min-height:auto;align-items:center;gap:10px;padding:10px}.app-brand{max-width:210px;white-space:normal;line-height:1.1}.app-nav-link{padding:9px 0;font-size:12px}.page-header,.card-header,.control-row{align-items:stretch}.control-row>*,.page-header input,.page-header select,.page-header button{max-width:100%}.card-grid,.metric-grid{grid-template-columns:1fr}.card-pad{padding:var(--space-4)}.state-panel{padding:20px}.pro-card-hover:hover{transform:none}.status-badge{justify-content:center}table{display:block;overflow-x:auto;width:100%;max-width:100%;-webkit-overflow-scrolling:touch}th,td{white-space:normal;overflow-wrap:anywhere}button,input,select,textarea{max-width:100%}}@media (max-width: 430px){.app-main{width:min(100% - 16px,1280px)}.page-title{font-size:clamp(24px,8vw,32px)}.card-pad{padding:var(--space-3)}.metric-value{font-size:20px}}