*,*:before,*:after{box-sizing:border-box}:root{color:#eef4ff;background:#0b1220;font-family:Segoe UI,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,rgba(66,134,244,.18),transparent 28%),linear-gradient(180deg,#09111e,#0b1220 45%,#0f1a2b)}#root{min-height:100vh;width:100%}input,button,textarea,select{font:inherit}button{min-height:44px}.shell{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;min-height:100vh;padding:24px}.shell--centered{grid-template-columns:minmax(320px,520px);justify-content:center;align-content:center}.panel{background:#0a111ee0;border:1px solid rgba(160,180,220,.16);border-radius:24px;box-shadow:0 24px 80px #0000003d;padding:24px}.panel--narrow{width:min(100%,520px)}.sidebar{display:flex;flex-direction:column;gap:24px;position:sticky;top:24px;height:calc(100vh - 48px)}.sidebar__head h2,.content__header h1,.panel h2,.panel h3{margin:0}.sidebar__foot{margin-top:auto}.content{display:flex;flex-direction:column;gap:20px}.content__header{display:flex;justify-content:space-between;gap:16px;align-items:center}.eyebrow{margin:0 0 8px;color:#8fb9ff;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.muted{color:#aab6cf}.menu{display:grid;gap:10px}.menu__item{width:100%;border:1px solid rgba(255,255,255,.06);background:#ffffff08;color:#eef4ff;border-radius:16px;padding:14px 16px;text-align:left;cursor:pointer}.menu__item--active{background:linear-gradient(135deg,#3a82f647,#4966ff33);border-color:#87b4ff70}.profile-card{display:flex;justify-content:space-between;gap:16px;align-items:center}.stack,.metric-grid,.two-column,.filter-grid,.detail-grid{display:grid;gap:16px}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.dashboard-chart-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.metric-card strong{display:block;font-size:1.9rem;margin-top:8px}.chart-panel{display:grid;gap:18px}.chart-panel__head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.chart-surface{min-height:280px}.status-chart-grid{display:grid;gap:16px}.mini-chart-card{border-radius:18px;border:1px solid rgba(160,180,220,.12);background:#ffffff05;padding:16px}.mini-chart-card__title{margin-bottom:12px;color:#eef4ff;font-weight:600}.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-grid,.detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.field{display:grid;gap:8px}.field--compact{min-width:240px}.field span{color:#aab6cf;font-size:.95rem}.field--actions{align-self:end}input,textarea,select{width:100%;border-radius:14px;border:1px solid rgba(160,180,220,.2);background:#070c16b8;color:#eef4ff;padding:12px 14px}textarea{resize:vertical}.button{border:none;border-radius:14px;padding:12px 16px;cursor:pointer;font-weight:600;color:#eef4ff;background:#ffffff14}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background:linear-gradient(135deg,#2f7cf6,#5f8dff)}.button--ghost{background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.button--danger{background:linear-gradient(135deg,#c6455d,#f04e61)}.button--small{min-height:36px;padding:8px 12px;font-size:.92rem}.header-actions,.badge-row,.action-cell{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:16px}.badge{border-radius:999px;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.feedback{margin:0;padding:12px 14px;border-radius:14px}.feedback--error{background:#d4474729;color:#ffd0d0;border:1px solid rgba(255,120,120,.2)}.feedback--success{background:#3da06e29;color:#d7ffe6;border:1px solid rgba(106,214,154,.18)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}.data-table th{color:#aab6cf;font-weight:600}.select-inline{min-width:160px}@media(max-width:1100px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.dashboard-chart-grid,.chart-panel__head,.section-head{grid-template-columns:1fr}.chart-panel__head,.section-head{display:grid}}@media(max-width:760px){.shell{padding:16px}.panel{padding:18px;border-radius:20px}.content__header,.profile-card,.two-column{grid-template-columns:1fr;display:grid}}