:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f4f6fa;--accent:#4d7cfe;--accent-strong:#315fe1;--surface:#fff;--surface-soft:#f8f9fc;--line:#e6e9f0;--muted:#727b8d;--good:#21a66a;--warn:#df8a24}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button,input{font:inherit}button{border:0}.login-page{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;align-items:center;justify-items:center;padding:36px;background:radial-gradient(circle at 72% 14%,rgba(77,124,254,.1),transparent 27rem),#f4f6fa}.login-brand{width:min(420px,100%);display:flex;gap:12px;align-items:center}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#152039;box-shadow:0 8px 24px #15203929}.brand-mark span{width:15px;height:15px;border:4px solid #fff;border-top-color:var(--accent);border-radius:50%;transform:rotate(20deg)}.brand-name,.sidebar-brand strong{font-weight:700;letter-spacing:-.02em}.brand-caption,.sidebar-brand span{color:var(--muted);font-size:12px;margin-top:2px}.login-card{width:min(420px,100%);background:#fffffff0;border:1px solid rgba(226,230,239,.92);border-radius:24px;padding:32px;box-shadow:0 26px 70px #1d284317}.login-card h1,.topbar h1,.panel h2,.fatal-card h1{margin:6px 0 0;letter-spacing:-.035em}.login-card h1{font-size:28px}.muted,.login-footnote,.sync-caption{color:var(--muted)}.login-card p{margin:10px 0 26px;line-height:1.55;font-size:14px}.login-card form{display:grid;gap:16px}.login-card label{display:grid;gap:8px;color:#3d4659;font-size:13px;font-weight:600}.login-card input{width:100%;height:46px;border:1px solid #dfe3ec;border-radius:12px;padding:0 14px;outline:none;color:#172033;background:var(--surface-soft)}.login-card input:focus{border-color:#96affd;background:#fff;box-shadow:0 0 0 4px #4d7cfe1a}.primary-button,.secondary-button{min-height:42px;border-radius:11px;padding:0 16px;font-weight:650;cursor:pointer}.primary-button{color:#fff;background:var(--accent)}.primary-button:hover:not(:disabled){background:var(--accent-strong)}.secondary-button{border:1px solid var(--line);background:var(--surface);color:#354056}.primary-button:disabled,.secondary-button:disabled,.icon-button:disabled{opacity:.55;cursor:default}.form-error{border:1px solid #f0d1d1;border-radius:11px;padding:10px 12px;background:#fff6f6;color:#a34343;font-size:13px}.login-footnote{font-size:11px}.eyebrow{color:#8a93a5;font-size:10px;line-height:1;letter-spacing:.13em;font-weight:750}.console{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr);background:#f4f6fa}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:18px 14px 14px;background:#121a2d;color:#fff}.sidebar-brand{min-height:54px;display:flex;align-items:center;gap:11px;padding:0 8px 14px}.sidebar-brand .brand-mark{width:34px;height:34px;background:#1c2946;box-shadow:none}.sidebar-brand-copy{display:grid;min-width:0}.sidebar-brand strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-brand span{color:#8490aa}.nav{display:grid;gap:4px;margin-top:10px}.nav-item{width:100%;min-height:40px;display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:10px;padding:0 11px;border-radius:10px;background:transparent;color:#8995ad;text-align:left;font-size:13px}.nav-item.active{background:#1d2943;color:#f7f9ff;cursor:default}.nav-item:disabled:not(.active){opacity:.72}.nav-glyph{width:7px;height:7px;border:1.5px solid currentColor;border-radius:3px}.nav-item.active .nav-glyph{border-color:#83a0ff;background:#83a0ff;box-shadow:0 0 0 4px #4d7cfe1a}.nav-badge{border:1px solid #303b53;border-radius:999px;padding:2px 6px;color:#6f7c96;font-size:9px}.nav-separator{height:1px;margin:7px 10px;background:#253047}.sidebar-footer{margin-top:auto;min-height:58px;display:grid;grid-template-columns:34px 1fr 30px;align-items:center;gap:9px;padding:10px 8px 0;border-top:1px solid #253047}.admin-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#263451;color:#b9c7ee;font-size:12px;font-weight:750}.admin-copy{min-width:0;display:grid;gap:2px}.admin-copy strong{font-size:12px;text-transform:capitalize}.admin-copy span{color:#77839c;font-size:10px;font-family:Consolas,monospace}.icon-button{width:30px;height:30px;border-radius:8px;background:transparent;color:#8190ac;cursor:pointer}.icon-button:hover{background:#1d2943;color:#fff}.content{width:min(1380px,100%);padding:34px 42px 56px}.topbar{min-height:66px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.topbar h1{font-size:30px}.topbar-actions{display:flex;align-items:center;gap:14px}.sync-caption{font-size:11px}.status-banner{display:flex;align-items:flex-start;gap:12px;margin:22px 0 18px;padding:15px 16px;border:1px solid #e1e6ef;border-radius:15px;background:#ffffffb8}.status-banner strong{font-size:13px}.status-banner p{margin:4px 0 0;color:var(--muted);font-size:12px}.status-dot,.metric-indicator,.server-stat-dot{flex:0 0 auto;border-radius:50%}.status-dot{width:9px;height:9px;margin-top:5px}.good{background:var(--good)}.warn{background:var(--warn)}.neutral{background:#9aa4b6}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px}.metric-card,.panel{border:1px solid var(--line);background:var(--surface);box-shadow:0 8px 28px #1d284309}.metric-card{min-height:142px;display:flex;flex-direction:column;padding:17px;border-radius:16px}.metric-head{display:flex;align-items:center;justify-content:space-between;color:#5f697d;font-size:12px}.metric-indicator{width:7px;height:7px}.metric-value{margin-top:20px;font-size:30px;letter-spacing:-.04em}.metric-detail{margin-top:auto;color:#8b94a5;font-size:10px;line-height:1.35}.lower-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:14px;margin-top:14px}.panel{min-height:270px;padding:20px;border-radius:18px}.panel h2{font-size:17px}.server-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}.server-stat{display:flex;align-items:center;gap:12px;min-height:76px;padding:14px;border-radius:13px;background:var(--surface-soft)}.server-stat-dot{width:10px;height:10px}.muted-dot{background:#c8ced9}.server-stat div{display:grid;gap:2px}.server-stat strong{font-size:20px}.server-stat span{color:var(--muted);font-size:11px}.placeholder-row{margin-top:12px;padding:13px 14px;border:1px dashed #dce1ea;border-radius:12px;color:#8a93a4;font-size:11px}.detail-list{display:grid;gap:0;margin:20px 0 0}.detail-list div{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #edf0f5}.detail-list div:last-child{border-bottom:0}.detail-list dt{color:var(--muted);font-size:11px}.detail-list dd{margin:0;max-width:65%;text-align:right;color:#344058;font-size:11px}.role-pill{border-radius:999px;padding:3px 8px;background:#eef2ff;color:#4967bf!important;text-transform:capitalize}.center-screen{min-height:100vh;display:grid;place-items:center;gap:12px;padding:32px;color:var(--muted);background:#f4f6fa;font-size:12px}.loader{width:24px;height:24px;border:2px solid #dfe4ed;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.fatal-card{width:min(460px,100%);padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 22px 60px #1d284314}.fatal-card p{color:var(--muted);line-height:1.5}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1120px){.metric-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.lower-grid{grid-template-columns:1fr}}@media(max-width:820px){.console{grid-template-columns:76px minmax(0,1fr)}.content{padding:26px 22px 44px}.metric-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media(max-width:520px){.login-page{padding:22px}.console{grid-template-columns:1fr}.sidebar{display:none}.content{padding:22px 16px 38px}.metric-grid,.server-summary{grid-template-columns:1fr}}.nav-item:not(:disabled){cursor:pointer}.nav-item:not(:disabled):hover:not(.active){background:#18233a;color:#cbd4e5}.page-subtitle{margin:7px 0 0;color:var(--muted);font-size:12px}.users-topbar{align-items:flex-start}.users-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:22px 0 14px}.search-form{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.search-control{position:relative;width:min(520px,100%)}.search-control input{width:100%;height:42px;border:1px solid #dfe3ec;border-radius:11px;padding:0 14px 0 39px;outline:none;color:#172033;background:#fff}.search-control input:focus{border-color:#96affd;box-shadow:0 0 0 4px #4d7cfe14}.search-icon{position:absolute;left:15px;top:13px;width:14px;height:14px;border:1.8px solid #8994a8;border-radius:50%}.search-icon:after{content:"";position:absolute;width:6px;height:1.8px;background:#8994a8;right:-5px;bottom:-2px;transform:rotate(45deg);border-radius:2px}.quiet-button{min-height:38px;border-radius:9px;padding:0 11px;background:transparent;color:#667186;font-size:12px;font-weight:650;cursor:pointer}.quiet-button:hover:not(:disabled){background:#edf1f7;color:#2c3850}.quiet-button:disabled{opacity:.45;cursor:default}.filter-control{display:grid;gap:6px;color:#7b8598;font-size:10px;font-weight:650}.filter-control select{height:42px;min-width:150px;border:1px solid #dfe3ec;border-radius:11px;padding:0 34px 0 12px;outline:none;color:#344058;background:#fff}.table-panel{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:0 8px 28px #1d284309}.table-wrap{overflow:auto;transition:opacity .15s ease}.table-wrap.is-refreshing{opacity:.55}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th{height:46px;padding:0 15px;border-bottom:1px solid #e9edf3;color:#8993a5;background:#fafbfc;text-align:left;font-size:10px;font-weight:750;letter-spacing:.035em;text-transform:uppercase}.data-table td{height:66px;padding:10px 15px;border-bottom:1px solid #eef1f5;color:#344058;font-size:12px}.data-table tbody tr:last-child td{border-bottom:0}.clickable-row{outline:none;cursor:pointer;transition:background .12s ease}.clickable-row:hover,.clickable-row:focus{background:#f8faff}.identity-cell,.count-cell,.vpn-cell{display:grid;gap:3px}.identity-cell strong{color:#263249;font-size:12px}.identity-cell span,.count-cell span,.vpn-cell span{color:#8a94a7;font-size:10px}.identity-cell span{font-family:Consolas,SFMono-Regular,monospace}.count-cell strong,.numeric-cell{font-variant-numeric:tabular-nums;color:#2d3850;font-weight:700}.vpn-cell strong{font-size:11px}.date-cell{color:#697488;font-size:11px}.muted-dash{color:#bac0cb}.status-chip{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:700;white-space:nowrap}.status-chip.tone-good{color:#16744c;background:#e9f7f0}.status-chip.tone-info{color:#4967bf;background:#eef2ff}.status-chip.tone-warn{color:#9b641f;background:#fff4e5}.status-chip.tone-bad{color:#a34848;background:#fff0f0}.status-chip.tone-neutral{color:#6d7789;background:#f0f2f5}.table-footer{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px 7px 15px;border-top:1px solid #edf0f5;color:#7f899a;font-size:11px}.pagination-actions{display:flex;gap:4px}.content-state{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:34px;text-align:center}.content-state strong{font-size:14px}.content-state span{max-width:430px;color:#8a94a6;font-size:11px;line-height:1.5}.content-state .secondary-button{margin-top:6px}.error-state strong{color:#8d4545}.empty-glyph{width:46px;height:46px;display:grid;place-items:center;margin-bottom:4px;border:1px solid #e2e7ef;border-radius:14px;background:#f8f9fc}.empty-glyph span{width:18px;height:14px;border:1.5px solid #a6afbe;border-radius:4px;box-shadow:0 -5px 0 -3px #a6afbe}.table-skeleton{padding:8px 0}.skeleton-row{height:66px;display:grid;grid-template-columns:1.7fr .8fr .8fr .8fr .7fr 1fr .8fr;align-items:center;gap:20px;padding:0 15px;border-bottom:1px solid #eef1f5}.skeleton-row:last-child{border-bottom:0}.skeleton-row span{height:10px;border-radius:999px;background:linear-gradient(90deg,#f0f2f5,#f7f8fa,#f0f2f5);background-size:200% 100%;animation:skeleton 1.3s linear infinite}.identity-note{display:flex;align-items:flex-start;gap:12px;margin-top:12px;padding:13px 15px;border:1px solid #e5e9f0;border-radius:13px;background:#ffffffa6;color:#7b8598;font-size:10px;line-height:1.5}.identity-note strong{flex:0 0 auto;color:#5f6a7e;font-size:10px}.drawer-backdrop{position:fixed;z-index:50;inset:0;display:flex;justify-content:flex-end;background:#1018283d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.detail-drawer{width:min(720px,calc(100vw - 260px));height:100vh;display:flex;flex-direction:column;background:#f7f8fb;border-left:1px solid #dfe4ec;box-shadow:-28px 0 70px #19233824;animation:drawer-in .18s ease-out}.drawer-toolbar{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid #e3e7ee;background:#fff}.drawer-toolbar h2{margin:5px 0 0;color:#263149;font-size:18px;letter-spacing:-.025em}.close-button{width:34px;height:34px;border-radius:10px;background:#f2f4f7;color:#657084;font-size:23px;line-height:1;cursor:pointer}.close-button:hover{background:#e9edf3;color:#253149}.drawer-content{overflow:auto;padding:18px 20px 42px}.drawer-loading{min-height:300px;display:flex;align-items:center;justify-content:center;gap:10px;color:#7c8799;font-size:11px}.detail-hero{padding:18px;border:1px solid #e1e6ee;border-radius:15px;background:#fff}.detail-hero-main{display:flex;align-items:center;gap:11px;min-width:0}.detail-hero-main code,.wide-code{font-family:Consolas,SFMono-Regular,monospace}.detail-hero-main code{overflow:hidden;color:#667186;font-size:11px;text-overflow:ellipsis}.detail-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}.detail-meta-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-meta-grid div{display:grid;gap:4px;min-width:0;padding:10px 11px;border-radius:10px;background:#f8f9fc}.detail-meta-grid span{color:#929bab;font-size:9px;text-transform:uppercase;letter-spacing:.04em}.detail-meta-grid strong{overflow:hidden;color:#596477;font-size:10px;font-weight:650;text-overflow:ellipsis}.drawer-section{margin-top:17px}.drawer-section-title{display:flex;align-items:center;justify-content:space-between;padding:0 3px 8px}.drawer-section-title h3{margin:0;color:#3b465b;font-size:12px}.drawer-section-title span{min-width:23px;height:20px;display:grid;place-items:center;border-radius:999px;background:#e9edf3;color:#7b8598;font-size:9px}.drawer-section-body{display:grid;gap:8px}.detail-card{padding:13px 14px;border:1px solid #e3e7ee;border-radius:13px;background:#fff}.detail-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.detail-card-head>strong,.inline-status strong{color:#354057;font-size:11px}.detail-card-head>span{overflow:hidden;max-width:48%;color:#9099aa;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.inline-status{display:flex;align-items:center;gap:8px;min-width:0}.wide-code{display:block;overflow-wrap:anywhere;margin-top:10px;padding:8px 9px;border-radius:8px;background:#f7f8fb;color:#647087;font-size:10px}.mono-small{font-family:Consolas,SFMono-Regular,monospace}.peer-address{display:inline-flex;margin-top:9px;border-radius:7px;padding:5px 8px;background:#eef2ff;color:#4d68b0;font-family:Consolas,SFMono-Regular,monospace;font-size:10px}.mini-empty{padding:18px;border:1px dashed #dce2eb;border-radius:12px;color:#929bac;background:#ffffff8c;text-align:center;font-size:10px}.audit-list{overflow:hidden;border:1px solid #e3e7ee;border-radius:13px;background:#fff}.audit-item{min-height:58px;display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 13px;border-bottom:1px solid #eef1f5}.audit-item:last-child{border-bottom:0}.audit-outcome{width:7px;height:7px;border-radius:50%}.audit-outcome.tone-good{background:var(--good)}.audit-outcome.tone-info{background:#6f8ff3}.audit-outcome.tone-warn{background:var(--warn)}.audit-outcome.tone-bad{background:#d96868}.audit-outcome.tone-neutral{background:#aab2c0}.audit-item div{display:grid;gap:3px;min-width:0}.audit-item strong{overflow:hidden;color:#414c61;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.audit-item span{overflow:hidden;color:#939cab;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.audit-item time{color:#8993a4;font-size:9px}.compact-state{min-height:260px}@keyframes drawer-in{0%{transform:translate(24px);opacity:.5}to{transform:translate(0);opacity:1}}@keyframes skeleton{to{background-position:-200% 0}}@media(max-width:1120px){.users-toolbar{align-items:stretch;flex-direction:column}.filter-control{align-self:flex-start}.detail-drawer{width:min(720px,calc(100vw - 76px))}.users-table{min-width:980px}}@media(max-width:820px){.search-form{flex-wrap:wrap}.search-control{flex-basis:100%;width:100%}.detail-drawer{width:calc(100vw - 76px)}.identity-note{flex-direction:column}.detail-meta-grid.three{grid-template-columns:1fr 1fr}}@media(max-width:520px){.detail-drawer{width:100vw}.drawer-content{padding:14px 13px 32px}.drawer-toolbar{padding:15px}.detail-meta-grid,.detail-meta-grid.three{grid-template-columns:1fr}.topbar.users-topbar{flex-direction:column}.users-toolbar{margin-top:14px}}.section-title-copy{display:flex;align-items:center;gap:8px}.drawer-section-title>.small-primary-button{margin-left:auto}.small-primary-button,.small-danger-button{min-height:28px;border-radius:8px;padding:0 10px;font-size:9px;font-weight:750;cursor:pointer}.small-primary-button{background:#4d7cfe;color:#fff;box-shadow:0 4px 10px #4d7cfe29}.small-primary-button:hover:not(:disabled){background:#416fe9}.small-danger-button{background:#fff0f0;color:#a34848;border:1px solid #f4d7d7}.small-danger-button:hover:not(:disabled){background:#ffe7e7}.small-primary-button:disabled,.small-danger-button:disabled,.danger-button:disabled{opacity:.55;cursor:default}.card-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.card-actions>span{overflow:hidden;max-width:180px;color:#9099aa;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.mutation-notice{display:grid;grid-template-columns:8px minmax(0,1fr) 28px;align-items:center;gap:10px;margin:12px 20px 0;padding:10px 11px;border:1px solid #dce5ff;border-radius:11px;background:#f5f8ff;color:#52627f}.mutation-notice>span{width:7px;height:7px;border-radius:50%;background:#4d7cfe}.mutation-notice strong{font-size:10px;font-weight:650}.mutation-notice button{width:28px;height:28px;border-radius:8px;background:transparent;color:#7d899d;font-size:17px;cursor:pointer}.mutation-notice button:hover{background:#e9eefb}.modal-layer{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:24px;background:#0e162661;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.confirm-modal{width:min(440px,calc(100vw - 32px));padding:22px;border:1px solid #dfe4ec;border-radius:17px;background:#fff;box-shadow:0 26px 80px #141d2f3d}.confirm-modal h3{margin:7px 0 9px;color:#263149;font-size:19px;letter-spacing:-.025em}.confirm-modal p{margin:0;color:#717c8f;font-size:11px;line-height:1.55}.danger-modal{border-color:#eadede}.modal-label{display:grid;gap:7px;margin-top:17px;color:#596477;font-size:10px;font-weight:700}.modal-label select,.modal-label input{width:100%;height:40px;border:1px solid #dfe3ec;border-radius:10px;padding:0 11px;outline:none;background:#fff;color:#344058;font-size:11px}.modal-label select:focus,.modal-label input:focus{border-color:#96affd;box-shadow:0 0 0 4px #4d7cfe14}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:20px}.compact-button{width:auto;min-width:128px;min-height:40px;padding:0 15px}.danger-button{min-height:40px;border-radius:10px;padding:0 15px;background:#bd5151;color:#fff;font-size:11px;font-weight:750;cursor:pointer}.danger-button:hover:not(:disabled){background:#a94646}@media(max-width:520px){.card-actions{align-items:flex-end;flex-direction:column}.confirm-modal{padding:18px}.mutation-notice{margin-left:13px;margin-right:13px}}:root{--brand-accent: #3869e8}.primary-button{background:var(--brand-accent)}.ops-actions{display:flex;gap:12px;align-items:center}.ops-table-scroll{overflow-x:auto}.ops-table-scroll table{width:100%;border-collapse:collapse}.ops-table-scroll th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#64748b;text-align:left;background:#f8fafc}.ops-table-scroll td,.ops-table-scroll th{padding:14px 16px;border-bottom:1px solid #e8edf3;white-space:nowrap}.ops-table-scroll td{font-size:13px}.ops-table-scroll tbody tr:hover{background:#f8fafc}.ops-pagination{display:flex;justify-content:flex-end;gap:12px;align-items:center;padding:16px}.ops-pagination span{margin-right:auto;color:#64748b;font-size:13px}.ops-details{padding:24px;display:grid;gap:18px}.ops-details div{display:grid;gap:6px}.ops-details dt{color:#64748b;font-size:12px}.ops-details dd{margin:0;overflow-wrap:anywhere;font-size:14px}.settings-panel{padding:24px}.invite-code{display:flex;gap:16px;align-items:flex-end;margin:20px 0;padding:20px;background:#fff;border:1px solid #dbe3ef;border-radius:10px}.invite-code label{flex:1}.invite-code input{width:100%;font-family:monospace}.text-button{border:0;background:transparent;color:#315cc6;cursor:pointer;font:inherit;padding:0}.text-button.danger{color:#b42318}.status-chip.success{background:#eaf7f0;color:#18794e}.status-chip.danger{background:#fff0ed;color:#b42318}.status-chip.neutral{background:#f0f3f8;color:#475569}.users-toolbar label{display:grid;gap:7px}@media(max-width:900px){.content{padding:20px}.ops-actions{flex-wrap:wrap}}.ops-summary-row{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #eef1f5;font-size:13px}.ops-summary-row small{display:block;color:#64748b;margin-top:5px}.user-session-action{padding:16px 24px;border-bottom:1px solid #eef1f5}.page-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.page-header h1{margin:8px 0 0;font-size:30px}.users-toolbar input,.users-toolbar select,.confirm-modal input{height:42px;border:1px solid #d9e1ed;border-radius:9px;background:#fff;padding:0 12px;font:inherit;font-size:13px;color:#1e293b;min-width:180px}.users-toolbar input:focus,.users-toolbar select:focus{outline:2px solid var(--brand-accent);outline-offset:2px}.users-toolbar{align-items:end}.metric-card{min-height:130px}.metric-value{font-size:30px}.lower-grid{margin-top:24px}.confirm-modal .ops-actions{justify-content:flex-end;margin-top:24px}.confirm-modal>label{display:grid;gap:8px;font-size:13px;color:#475569}.confirm-modal>label input{width:100%;min-width:0}