:root{font-family:IBM Plex Sans,Noto Sans SC,sans-serif;color:#f4f7fb;background:#09090f;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:radial-gradient(circle at 16% 16%,rgba(107,33,168,.28),transparent 30%),radial-gradient(circle at 82% 14%,rgba(15,118,110,.22),transparent 28%),linear-gradient(180deg,#080910,#0f172a)}button,input,select,textarea{font:inherit}button{cursor:pointer}input[type=checkbox]{width:16px;height:16px;accent-color:#22d3ee}code,kbd{font-family:IBM Plex Mono,SFMono-Regular,monospace}.app-shell{position:relative;min-height:100vh;overflow:hidden}.aurora{position:fixed;width:42rem;height:42rem;border-radius:999px;filter:blur(80px);opacity:.28;pointer-events:none}.aurora-left{top:-12rem;left:-14rem;background:#d946ef}.aurora-right{top:4rem;right:-12rem;background:#06b6d4}.dashboard-shell{padding:34px 34px 124px}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.bento-card{position:relative;border-radius:30px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#111827cc,#0a0d18db);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff14,0 24px 60px #00000047;overflow:hidden}.hero-span{grid-column:span 7;min-height:320px}.health-span{grid-column:span 5;min-height:320px}.integrations-span,.activity-span,.breakdown-span,.rollout-span{min-height:280px}.integrations-span,.activity-span{grid-column:span 4}.breakdown-span,.rollout-span{grid-column:span 6}.profile-widget{position:fixed;top:28px;right:30px;z-index:20;display:flex;align-items:center;gap:10px}.profile-icon-button,.profile-pill,.command-trigger,.dock-item,.ghost-link,.palette-row{border:1px solid rgba(255,255,255,.1);background:#0f172ab8;color:#f8fafc}.profile-icon-button{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.profile-pill{height:52px;padding:0 14px 0 10px;border-radius:999px;display:flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.profile-avatar{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#c084fc,#22d3ee);color:#0f172a;font-size:.82rem;font-weight:700}.profile-copy{display:flex;flex-direction:column}.profile-copy span{font-size:.9rem;font-weight:600}.profile-copy small{color:#e2e8f0ad}.hero-card,.health-card,.list-card,.stack-card,.login-card,.users-card,.detail-card{height:100%;padding:24px}.overline,.summary-label,.palette-section-title,.hero-kicker{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:#94a3b8d1}.hero-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.hero-header h2{max-width:680px;margin:8px 0 0;font-size:clamp(2.35rem,5vw,4.6rem);line-height:.96;letter-spacing:-.05em}.hero-description{max-width:760px;margin:18px 0 22px;color:#e2e8f0cc;font-size:1.02rem}.command-trigger{flex-shrink:0;height:46px;padding:0 14px;border-radius:999px;display:flex;align-items:center;gap:10px;box-shadow:inset 0 1px #ffffff0f}.command-trigger kbd{padding:4px 7px;border-radius:999px;background:#ffffff14;color:#e2e8f0d6;font-size:.78rem}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.summary-tile{min-height:122px;padding:18px;border-radius:24px;background:linear-gradient(180deg,#0f172a85,#0f172ad1);border:1px solid rgba(255,255,255,.08)}.summary-tile strong{display:block;margin:12px 0 8px;font-size:2rem;line-height:1}.summary-delta{font-size:.9rem}.summary-delta.positive{color:#4ade80}.summary-delta.neutral{color:#fbbf24}.metric-hint{color:#94a3b8d1}.hero-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px}.note-pill{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:999px;background:#0ea5e91f;border:1px solid rgba(56,189,248,.18);color:#c4f1ff}.ghost-link{height:44px;padding:0 14px;border-radius:14px;display:inline-flex;align-items:center;gap:8px}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.card-heading h3{margin:8px 0 0;font-size:1.25rem}.status-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#e2e8f0e0}.status-chip.online{color:#9df9c5;background:#22c55e1f}.status-chip.pending{color:#fde68a;background:#f59e0b1f}.health-orbit{position:relative;height:214px;display:grid;place-items:center;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#2d1b6999,#082f49b3)}.mesh{position:absolute;border-radius:999px;filter:blur(48px);opacity:.58}.mesh-a{width:180px;height:180px;left:-12px;top:24px;background:#c084fce6}.mesh-b{width:160px;height:160px;right:-14px;bottom:18px;background:#22d3eeb8}.radial-chart{position:relative;width:190px;height:190px;z-index:1;transform:rotate(-90deg)}.radial-track,.radial-progress{fill:none;stroke-width:12}.radial-track{stroke:#ffffff1f}.radial-progress{stroke:url(#fallback);stroke:#8b5cf6;stroke-linecap:round;filter:drop-shadow(0 0 14px rgba(192,132,252,.8))}.radial-center{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center}.radial-center strong{font-size:2.5rem;line-height:1}.radial-center span{margin-top:6px;color:#e2e8f0d1}.particle{position:absolute;z-index:3;display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.16)}.particle-a{top:28px;left:32px}.particle-b{top:44px;right:36px}.particle-c{bottom:28px;left:48px}.health-footer{margin-top:14px;color:#e2e8f0c2}.integration-list,.activity-list,.checklist{display:flex;flex-direction:column;gap:12px}.integration-row,.activity-row,.checklist-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.integration-main,.activity-row{display:flex;align-items:center;gap:12px}.integration-icon{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;background:#ffffff14}.integration-row strong,.activity-row strong,.bar-copy strong{display:block}.integration-row small,.activity-row small{color:#94a3b8cc}.severity-dot{width:10px;height:10px;border-radius:999px;flex-shrink:0}.severity-dot.green{background:#22c55e}.severity-dot.amber{background:#f59e0b}.severity-dot.red{background:#ef4444}.bar-stack{display:flex;flex-direction:column;gap:16px}.bar-copy{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.bar-track{width:100%;height:12px;border-radius:999px;overflow:hidden;background:#ffffff14}.bar-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#22d3ee);box-shadow:0 0 14px #22d3ee59}.check-pill{width:12px;height:12px;border-radius:999px;background:#94a3b866}.check-pill.done{background:#22c55e;box-shadow:0 0 12px #22c55e73}.api-panel{margin-top:18px;padding:16px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.api-panel code{display:block;margin-top:10px;color:#67e8f9;word-break:break-all}.bottom-dock{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:10px;padding:10px;border-radius:999px;background:#0f172ac2;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 40px #00000042}.dock-item{min-width:96px;height:48px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#e2e8f0c7}.dock-item.is-active{background:linear-gradient(135deg,#8b5cf647,#22d3ee33);color:#fff;box-shadow:0 0 0 1px #22d3ee29,0 0 20px #8b5cf633}.palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#02061757;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.palette-panel{width:min(760px,100%);border-radius:28px;border:1px solid rgba(255,255,255,.1);background:#0a0c14eb;box-shadow:0 30px 90px #0000006b;overflow:hidden}.palette-input-shell{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.palette-input-shell input{flex:1;border:0;outline:none;background:transparent;color:#fff;font-size:1rem}.palette-shortcut{padding:4px 8px;border-radius:999px;background:#ffffff0f;color:#94a3b8e6;font-size:.75rem}.palette-sections{max-height:480px;overflow:auto;padding:18px 20px 20px}.palette-section+.palette-section{margin-top:20px}.palette-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.palette-row{width:100%;min-height:56px;padding:0 14px;border-radius:18px;display:flex;align-items:center;gap:12px;text-align:left;transition:.18s ease}.palette-row:hover{border-color:#22d3ee52;box-shadow:0 0 0 1px #22d3ee1f,0 0 24px #8b5cf624}.palette-row-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#ffffff0f}.palette-row-copy{flex:1}.palette-row-copy strong{display:block}.palette-row-shortcut{color:#94a3b8e0;font-size:.8rem}.palette-empty{min-height:120px;display:flex;align-items:center;justify-content:center;gap:10px;color:#94a3b8e0}.login-helper,.muted-copy{color:#e2e8f0c7}.login-form,.reason-field{display:flex;flex-direction:column;gap:14px}.login-form{margin-top:18px}.login-form label,.reason-field{display:flex;flex-direction:column;gap:8px}.login-form span,.reason-field span{color:#94a3b8e6;font-size:.88rem}.login-form input,.search-bar input,.search-bar select,.reason-field input,.reason-field select,.reason-field textarea{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#0f172ac7;color:#fff;outline:none}.login-form input,.search-bar input,.search-bar select,.reason-field input,.reason-field select{height:48px;padding:0 14px}.reason-field textarea{min-height:104px;padding:12px 14px;resize:vertical}.primary-button,.search-bar button{height:48px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(135deg,#8b5cf6eb,#22d3eee0);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-weight:600;box-shadow:0 16px 30px #22d3ee1f}.secondary-button{height:40px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#f8fafc}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.ghost-button{height:40px;padding:0 14px;border-radius:12px;border:1px dashed rgba(255,255,255,.16);background:transparent;color:#e2e8f0eb;display:inline-flex;align-items:center;gap:8px}.ghost-button:disabled{opacity:.45;cursor:not-allowed}.primary-button:disabled{opacity:.65;cursor:not-allowed}.form-error{color:#fda4af;font-size:.92rem;margin:0}.inline-error{margin-top:14px}.search-bar button{height:40px;padding:0 14px;border-radius:12px}.toolbar-form{display:grid;grid-template-columns:minmax(280px,1.4fr) minmax(0,2.2fr) auto;align-items:center;gap:12px;min-height:58px;padding:12px 14px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.toolbar-search{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border-radius:14px;background:#0f172ac7;border:1px solid rgba(255,255,255,.08)}.toolbar-search input{width:100%;min-width:0;height:42px;padding:0;border:none;background:transparent;outline:none;color:#fff}.toolbar-group{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0}.toolbar-group select,.toolbar-group input{height:42px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0f172ac7;color:#fff;outline:none}.toolbar-group select{min-width:118px}.toolbar-group input[type=date]{width:148px}.toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.user-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}.user-row{width:100%;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-radius:18px;text-align:left;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff}.user-row.is-selected{background:linear-gradient(135deg,#8b5cf62e,#22d3ee1f);box-shadow:0 0 0 1px #22d3ee1f}.user-row small{color:#94a3b8d1}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.detail-form-full{grid-column:span 2}.avatar-editor{display:flex;align-items:center;gap:14px;margin-top:10px}.avatar-preview-shell{width:88px;height:88px;border-radius:24px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0f172ac7;border:1px solid rgba(255,255,255,.08)}.avatar-preview-image{width:100%;height:100%;object-fit:cover}.avatar-preview-placeholder{color:#94a3b8e0;font-size:.9rem}.avatar-editor-actions{display:flex;flex-wrap:wrap;gap:10px}.avatar-upload-button{position:relative;overflow:hidden;cursor:pointer}.avatar-upload-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.detail-item{padding:14px 16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.detail-item span{display:block;color:#94a3b8d6;margin-bottom:8px}.auth-tags{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.auth-tag{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.detail-actions{margin-top:16px}.detail-section{margin:18px 0}.detail-section-head h4{margin:8px 0 0}.auth-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.auth-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.auth-row-copy{display:flex;flex-direction:column;gap:4px}.auth-row-copy strong{display:inline-flex;align-items:center;gap:8px}.auth-row-copy small,.auth-row span{color:#94a3b8db}.workspace-shell{grid-column:span 12;min-height:calc(100vh - 190px)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.page-header h2{margin:8px 0 10px;font-size:clamp(2rem,4vw,3.2rem);line-height:.98;letter-spacing:-.04em}.page-header-copy{max-width:760px;margin:0;color:#e2e8f0c7}.page-header-actions{display:flex;align-items:center;gap:12px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(320px,.9fr);gap:18px}.workspace-main,.workspace-side,.workspace-stack{display:flex;flex-direction:column;gap:18px}.workspace-main>.table-panel,.workspace-stack>.table-panel{min-height:calc(100vh - 330px)}.detail-surface{min-height:100%}.table-panel{display:flex;flex-direction:column;border-radius:30px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#111827d6,#0a0d18e6);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff14,0 24px 60px #0000003d;overflow:hidden}.table-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 22px 16px}.table-panel-head h3{margin:8px 0 0;font-size:1.35rem}.table-search-bar{margin:0 22px 18px}.bulk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 22px 18px;padding:12px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.bulk-toolbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.checkbox-field{display:inline-flex;align-items:center;gap:10px;color:#e2e8f0e0}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px 22px}.table-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.page-jump-form{display:flex;align-items:center;gap:8px}.page-jump-form input{width:84px;height:40px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0f172ac7;color:#fff;outline:none}@media (max-width: 1440px){.toolbar-form{grid-template-columns:minmax(240px,1fr)}.toolbar-group,.toolbar-actions{flex-wrap:wrap}.toolbar-actions{justify-content:flex-start}}.table-wrapper{flex:1;min-height:280px;overflow:auto}.overlay-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#0206179e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dialog-card{width:min(100%,560px);padding:24px;border-radius:28px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#111827f0,#0a0d18f5);box-shadow:0 24px 60px #00000059}.dialog-head h3{margin:8px 0 0;font-size:1.4rem}.dialog-description{margin:16px 0 18px;color:#e2e8f0d1}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.toast-stack{position:fixed;right:24px;bottom:104px;z-index:55;display:flex;flex-direction:column;gap:10px;width:min(100vw - 32px,380px)}.toast-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#0f172aeb;box-shadow:0 18px 40px #00000047}.toast-item.success{border-color:#4ade8038}.toast-item.error{border-color:#fb71853d}.toast-copy{display:flex;flex-direction:column;gap:4px}.toast-copy strong{font-size:.96rem}.toast-copy span{color:#e2e8f0c7;font-size:.9rem}.toast-close{border:none;background:transparent;color:#94a3b8e6;padding:0}.data-table{width:100%;height:100%;border-collapse:collapse;min-width:760px}.data-table th,.data-table td{padding:16px 18px;border-top:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:middle}.data-table thead th{position:sticky;top:0;z-index:1;background:#0f172af5;color:#94a3b8e6;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.data-table tbody tr{transition:background .16s ease}.data-table tbody tr:hover{background:#ffffff0a}.data-table tbody tr.is-selected{background:linear-gradient(90deg,#8b5cf629,#22d3ee14)}.data-table tbody tr.is-selected td:first-child{box-shadow:inset 3px 0 #22d3ee}.table-empty{height:280px;color:#94a3b8e0;text-align:center}.two-column-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.three-column-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.panel-half,.panel-third{min-height:280px}@media (max-width: 1180px){.hero-span,.health-span,.integrations-span,.activity-span,.breakdown-span,.rollout-span{grid-column:span 12}.workspace-grid,.two-column-panels,.three-column-panels{grid-template-columns:1fr}.workspace-shell{min-height:auto}.workspace-main>.table-panel,.workspace-stack>.table-panel{min-height:460px}}@media (max-width: 900px){.dashboard-shell{padding:90px 18px 118px}.profile-widget{top:18px;right:18px}.hero-header,.hero-bottom-row{flex-direction:column;align-items:flex-start}.detail-grid{grid-template-columns:1fr}.page-header,.table-footer{flex-direction:column;align-items:flex-start}.summary-grid{grid-template-columns:1fr}.bottom-dock{width:calc(100% - 24px);justify-content:space-between;gap:6px;padding:8px}.dock-item{min-width:0;flex:1;padding:0 8px;font-size:.8rem}}