.dashboard-shell{background:radial-gradient(circle at top right, #7c3aed1f, transparent 24%), linear-gradient(180deg, color-mix(in srgb, var(--ns-body-bg) 96%, #06070d), var(--ns-body-bg));min-height:100vh}.auth-shell{background:radial-gradient(circle at top left, #6366f12e, transparent 22%), radial-gradient(circle at bottom right, #0ea5e924, transparent 24%), linear-gradient(180deg, color-mix(in srgb, var(--ns-body-bg) 94%, #06070d), var(--ns-body-bg));justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-card{border:1px solid var(--ns-border);background:color-mix(in srgb, var(--ns-surface) 92%, #000 8%);width:min(32rem,100%);box-shadow:var(--ns-shadow-lg);border-radius:1.5rem;padding:2rem}.auth-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--ns-text-muted);margin-bottom:.75rem;font-size:.78rem;font-weight:700}.auth-submit{min-width:9rem}.skip-link{z-index:1200;background:var(--ns-primary);color:#fff;border-radius:.75rem;padding:.75rem 1rem;text-decoration:none;position:absolute;top:-3rem;left:1rem}.skip-link:focus{top:1rem}.dashboard-sidebar{background:color-mix(in srgb, var(--ns-surface-strong) 92%, #000);border-right:1px solid var(--ns-border);width:17rem;box-shadow:inset -1px 0 #ffffff05}.dashboard-brand{align-items:center;gap:.875rem;display:flex}.dashboard-brand__mark{color:#fff;background:linear-gradient(135deg,#4da1ff,#8b5cf6);border-radius:.75rem;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;display:inline-flex;box-shadow:0 10px 24px #4da1ff3d}.dashboard-brand__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ns-text-muted);font-size:.72rem;font-weight:700}.dashboard-brand__title{color:var(--ns-text);font-size:1.45rem;font-weight:700}.dashboard-subtitle{color:var(--ns-text-muted)}.sidebar-section-label{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--ns-text-muted) 90%, transparent);margin-bottom:.75rem;font-size:.78rem;font-weight:700}.dashboard-sidebar .nav-link{color:var(--ns-text-muted);border:1px solid #0000;border-radius:.95rem;align-items:center;gap:.875rem;padding:.85rem .95rem;font-weight:600;display:flex}.dashboard-sidebar .nav-link:hover,.dashboard-sidebar .nav-link:focus-visible{color:var(--ns-text);background:color-mix(in srgb, var(--ns-primary-soft) 62%, transparent);border-color:color-mix(in srgb, var(--ns-primary) 25%, transparent)}.dashboard-sidebar .nav-link.active{color:#fff;background:linear-gradient(135deg, var(--ns-primary), color-mix(in srgb, var(--ns-primary) 76%, #d946ef));box-shadow:0 18px 30px #7c3aed38}.nav-link__action{opacity:.6}.dashboard-sidebar .nav-link.active .nav-link__action{color:#ffffffc7}.workspace-card,.widget-card,.quick-action-card,.dashboard-table-card,.dashboard-chart-card,.stats-card{border:1px solid var(--ns-border);border-radius:var(--ns-radius-md);background:color-mix(in srgb, var(--ns-surface) 90%, #000 10%);box-shadow:var(--ns-shadow-sm)}.workspace-card{padding:1.15rem}.workspace-avatar{color:#fff;background:linear-gradient(135deg,#f97316,#ef4444);border-radius:.85rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-weight:700;display:inline-flex}.dashboard-main{min-width:0}.topbar{z-index:1020;background:color-mix(in srgb, var(--ns-body-bg) 86%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.topbar-inner{border:1px solid var(--ns-border);background:color-mix(in srgb, var(--ns-surface-strong) 92%, #000 8%);border-radius:0 0 1.15rem 1.15rem;margin:.9rem;box-shadow:0 14px 40px #0206172e}.topbar-title-wrap{align-items:center;gap:1rem;display:flex}.topbar-section-mark{width:2rem;height:2rem;color:var(--ns-text-muted);justify-content:center;align-items:center;display:inline-flex}.icon-button{border:1px solid var(--ns-border);background:color-mix(in srgb, var(--ns-surface-muted) 70%, #0b1020 30%);width:2.75rem;height:2.75rem;color:var(--ns-text);border-radius:50%;position:relative}.icon-button i{font-size:1rem}.icon-button svg{width:1rem;height:1rem;margin:0 auto;display:block}.icon-button:hover,.icon-button:focus-visible{box-shadow:var(--ns-shadow-sm);transform:translateY(-1px)}.icon-badge{position:absolute;top:-.15rem;right:-.1rem}.theme-switch{border:1px solid var(--ns-border);background:color-mix(in srgb, var(--ns-surface-muted) 70%, #0b1020 30%);color:var(--ns-text);border-radius:999px;align-items:center;gap:.6rem;padding:.4rem .75rem;display:inline-flex}.theme-switch .form-check-input{background-color:#94a3b859;border-color:#0000;width:3rem;height:1.65rem}.theme-switch .form-check-input:checked{background-color:var(--ns-primary);border-color:var(--ns-primary)}.profile-button{border:1px solid var(--ns-border);background:color-mix(in srgb, var(--ns-surface-muted) 70%, #0b1020 30%);color:var(--ns-text);border-radius:999px}.avatar-chip{color:#fff;background:linear-gradient(135deg,#4f46e5,#0ea5e9);border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-weight:700;display:inline-flex}.hero-stack{flex-direction:column;gap:1.25rem;display:flex}.dashboard-page-header{border:1px solid var(--ns-border);border-radius:var(--ns-radius-md);background:color-mix(in srgb, var(--ns-surface) 90%, #000 10%);box-shadow:var(--ns-shadow-sm);padding:1.25rem 1.5rem}.hero-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--ns-text-muted);font-size:.78rem;font-weight:700}.dashboard-tabs{border:1px solid var(--ns-border);background:color-mix(in srgb, var(--ns-surface-strong) 90%, #000 10%);border-radius:1rem;flex-wrap:wrap;gap:.75rem;padding:.3rem;display:inline-flex}.dashboard-tab{color:var(--ns-text);border:1px solid #0000;border-radius:.85rem;padding:.8rem 1.5rem;font-weight:700;text-decoration:none}.dashboard-tab:hover,.dashboard-tab:focus-visible{color:var(--ns-text);border-color:var(--ns-border);background:color-mix(in srgb, var(--ns-surface-muted) 72%, transparent)}.dashboard-tab.active{color:#fff;background:linear-gradient(135deg, var(--ns-primary), #9333ea);box-shadow:0 18px 28px #7c3aed47}.feature-panel{border:1px solid var(--ns-border);background:radial-gradient(circle at top right, #a855f729, transparent 22%), linear-gradient(180deg, color-mix(in srgb, var(--ns-surface-strong) 96%, #000 4%), color-mix(in srgb, var(--ns-surface) 98%, #000 2%));box-shadow:var(--ns-shadow-lg);border-radius:1.6rem;padding:1.55rem}.feature-panel__eyebrow{margin-bottom:1rem}.feature-panel__status{color:#8af0b2;background:#22c55e1f;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .8rem;font-size:.82rem;font-weight:700;display:inline-flex}.feature-panel__status--active{color:#89f0a8;background:#22c55e24}.feature-panel__title{max-width:34rem;margin-bottom:.85rem;font-size:clamp(1.85rem,2vw,2.75rem);line-height:1.1}.feature-section-heading{margin-top:1.5rem}.feature-link{color:#a78bfa;font-weight:700;text-decoration:none}.feature-link:hover,.feature-link:focus-visible{color:#c4b5fd}.feature-panel__copy{max-width:44rem;font-size:1rem}.feature-button{color:#fff;background:linear-gradient(135deg, var(--ns-primary), #9333ea);border-radius:1rem;padding:.9rem 1.3rem;box-shadow:0 20px 32px #7c3aed47}.feature-button--secondary{background:linear-gradient(135deg,#0f766e,#0ea5e9);box-shadow:0 20px 32px #0ea5e938}.feature-button:hover,.feature-button:focus-visible{color:#fff;transform:translateY(-1px)}.hosting-status-stack{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.hosting-status-badge{white-space:normal;text-align:center;justify-content:center;align-items:center;min-width:6.8rem;padding:.45rem .8rem;line-height:1.2;display:inline-flex}.feature-stats{margin-top:1.5rem}.feature-stat-tile,.compact-signal-card__metric{border:1px solid var(--ns-border);background:color-mix(in srgb, var(--ns-surface-muted) 64%, #0b1020 36%);border-radius:1.1rem;height:100%;padding:1rem 1.1rem}.feature-stat-tile__label{color:var(--ns-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;font-weight:700}.feature-stat-tile__value,.compact-signal-card__value{color:var(--ns-text);margin-top:.45rem;font-size:2rem;font-weight:800}.feature-stat-tile__meta{color:var(--ns-text-muted);margin-top:.3rem;font-size:.92rem}.feature-checklist{margin-top:1.4rem}.feature-check{background:color-mix(in srgb, var(--ns-surface-muted) 46%, transparent);min-height:100%;color:var(--ns-text);border-radius:1rem;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.feature-check i{color:#22c55e}.hero-side-stack{gap:1rem;display:grid}.dashboard-chart-card,.dashboard-table-card,.widget-card,.quick-action-card,.stats-card{padding:1.25rem}.usage-card{min-height:100%}.hero-badge{color:#c4b5fd;background:#7c3aed2e;border:1px solid #7c3aed47}.usage-ring-wrap{justify-content:center;display:flex}.usage-ring{--usage:72%;background:conic-gradient(#16a34a 0 var(--usage), #94a3b829 var(--usage) 100%);border-radius:50%;justify-content:center;align-items:center;width:11.25rem;height:11.25rem;display:flex}.usage-ring__inner{background:color-mix(in srgb, var(--ns-surface-strong) 96%, #000 4%);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:8.4rem;height:8.4rem;display:flex}.usage-ring__value{font-size:2.2rem;font-weight:800;line-height:1}.metric-list{gap:.85rem;display:grid}.metric-list__row{color:var(--ns-text-muted);justify-content:space-between;gap:1rem;display:flex}.metric-list__row strong{color:var(--ns-text)}.stats-card{padding:1.15rem}.stats-card__icon{background:color-mix(in srgb, var(--ns-primary-soft) 90%, transparent);width:3rem;height:3rem;color:var(--ns-primary);border-radius:1rem;justify-content:center;align-items:center;display:inline-flex}.stats-card__value{color:var(--ns-text);font-size:1.85rem;font-weight:700}.trend-positive{color:#22c55e}.trend-warning{color:#f59e0b}.chart-surface{background:linear-gradient(180deg, color-mix(in srgb, var(--ns-surface-muted) 58%, #0b1020 42%), color-mix(in srgb, var(--ns-surface-strong) 78%, #000 22%));border:1px solid var(--ns-border);border-radius:1.2rem;min-height:18rem}.chart-bars{justify-content:space-between;align-items:flex-end;gap:.75rem;height:12rem;display:flex}.chart-bar{background:linear-gradient(#22d3ee,#7c3aed);border-radius:1rem 1rem .4rem .4rem;flex:1;box-shadow:inset 0 -18px 24px #ffffff1f}.line-chart{width:100%;height:240px}.line-chart path:last-of-type{stroke:#8b5cf6;stroke-width:4px;fill:none}.line-chart path:first-of-type{fill:#8b5cf629}.activity-item+.activity-item,.task-item+.task-item{border-top:1px solid var(--ns-border)}.activity-icon{background:color-mix(in srgb, var(--ns-primary-soft) 86%, transparent);width:2.6rem;height:2.6rem;color:var(--ns-primary);border-radius:.9rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.table{--bs-table-bg:transparent;--bs-table-color:var(--ns-text);--bs-table-border-color:var(--ns-border);--bs-table-hover-bg:color-mix(in srgb, var(--ns-surface-muted) 50%, transparent);margin-bottom:0}.table thead th{color:var(--ns-text-muted);letter-spacing:.08em;text-transform:uppercase;border-bottom-width:1px;font-size:.76rem}.table td,.table th{border-color:var(--ns-border);color:var(--ns-text);background:0 0}.record-company{color:var(--ns-text-muted)}.task-progress .progress{background:color-mix(in srgb, var(--ns-surface-muted) 80%, #000 20%);height:.7rem}.task-progress .progress-bar{background:linear-gradient(135deg,#4f46e5,#9333ea);border-radius:999px}.quick-action-card .btn,.dashboard-table-card .btn{border-radius:.9rem}.quick-action-tile{border:1px solid var(--ns-border);background:color-mix(in srgb, var(--ns-surface-muted) 64%, #0b1020 36%);border-radius:1rem}.dropdown-menu,.modal-content,.offcanvas{border-radius:var(--ns-radius-md);border-color:var(--ns-border);background:color-mix(in srgb, var(--ns-surface-strong) 95%, #000 5%);color:var(--ns-text);box-shadow:var(--ns-shadow-lg)}.dropdown-item{color:var(--ns-text)}.dropdown-item:hover,.dropdown-item:focus-visible{color:var(--ns-text);background:color-mix(in srgb, var(--ns-primary-soft) 90%, transparent)}.breadcrumb{--bs-breadcrumb-divider-color:var(--ns-text-muted);--bs-breadcrumb-item-active-color:var(--ns-text)}.dashboard-footer-note{color:var(--ns-text-muted)}.dashboard-state-shell,.empty-state-panel{border:1px dashed var(--ns-border-strong);border-radius:var(--ns-radius-md);background:color-mix(in srgb, var(--ns-surface) 90%, #000 10%);box-shadow:var(--ns-shadow-sm);padding:2rem}.loading-indicator{font-size:1.2rem;font-weight:700}.modal .form-control,.modal .form-check-input,.modal .form-select{border-color:var(--ns-border);background:color-mix(in srgb, var(--ns-surface-muted) 68%, #0b1020 32%);color:var(--ns-text)}.modal .form-control::placeholder,.modal textarea::placeholder{color:var(--ns-text-muted)}@media (width<=1399.98px){.topbar-inner{border-radius:1.15rem}}@media (width<=991.98px){.dashboard-sidebar{width:min(22rem,90vw)}.topbar{position:static}.topbar-inner{border-left:0;border-right:0;border-radius:0;margin:0}.dashboard-tabs{width:100%}.dashboard-tab{text-align:center;flex:10rem}}:root{--ns-body-bg:#f4f7fb;--ns-surface:#ffffffd1;--ns-surface-strong:#fff;--ns-surface-muted:#eef3f8;--ns-border:#0f172a17;--ns-border-strong:#0f172a29;--ns-text:#18212f;--ns-text-muted:#607086;--ns-primary:#4f46e5;--ns-primary-soft:#4f46e524;--ns-success:#0f9f6e;--ns-warning:#f59e0b;--ns-danger:#dc2626;--ns-shadow-lg:0 28px 60px #0f172a1f;--ns-shadow-sm:0 12px 30px #0f172a14;--ns-radius-lg:24px;--ns-radius-md:18px;--ns-transition:.22s ease;--font-sans:"Segoe UI", "Helvetica Neue", Arial, sans-serif;color:var(--ns-text);font:16px/1.5 var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#4f46e51f,#0000 28%),radial-gradient(circle at 100% 0,#0ea5e91a,#0000 26%),linear-gradient(#f8fbff 0%,#eef3f8 100%)}:root[data-theme=dark]{--ns-body-bg:#0b1220;--ns-surface:#0f172ad1;--ns-surface-strong:#111827;--ns-surface-muted:#172134;--ns-border:#94a3b829;--ns-border-strong:#94a3b83d;--ns-text:#f8fafc;--ns-text-muted:#94a3b8;--ns-primary:#818cf8;--ns-primary-soft:#818cf82e;--ns-success:#34d399;--ns-warning:#fbbf24;--ns-danger:#f87171;--ns-shadow-lg:0 28px 80px #0206176b;--ns-shadow-sm:0 12px 38px #02061747;background:radial-gradient(circle at 0 0,#818cf829,#0000 28%),radial-gradient(circle at 100% 0,#38bdf81f,#0000 26%),linear-gradient(#09111f 0%,#0f172a 100%)}*{box-sizing:border-box}html,body{background:var(--ns-body-bg);min-width:320px;min-height:100%;color:var(--ns-text);transition:background-color var(--ns-transition), color var(--ns-transition);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}a,button,input,.form-check-input,.nav-link{transition:background-color var(--ns-transition), border-color var(--ns-transition), color var(--ns-transition), box-shadow var(--ns-transition), transform var(--ns-transition)}:focus-visible{outline-offset:2px;outline:3px solid #4f46e559}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
