:root{--bg:#f4f7fb;--surface:#fff;--surface2:#f8fafc;--text:#142033;--muted:#6b778c;--border:#e4e9f1;--accent:#5b5bd6;--accent2:#7777eb;--success:#16a36a;--danger:#d34c4c;--shadow:0 12px 35px rgba(25,39,75,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{background:#111a2e;color:#dce4f5;padding:22px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:30}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;padding:4px 8px 24px}.brand-mark,.login-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;font-weight:800;font-size:22px}.brand strong{display:block;font-size:19px}.brand small{display:block;color:#8fa0bd;margin-top:2px}.menu{display:flex;flex-direction:column;gap:5px}.menu-label{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#7788a6;margin:20px 12px 7px}.menu-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;text-decoration:none;color:#aebbd1;transition:.2s}.menu-item span{width:22px;text-align:center}.menu-item em{font-style:normal;font-size:10px;margin-inline-start:auto;color:#7988a4}.menu-item:hover,.menu-item.active{background:rgba(255,255,255,.09);color:#fff}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding:16px 8px 0}.system-dot{display:flex;align-items:center;gap:10px;font-size:13px}.system-dot i,.status-pill i{width:9px;height:9px;border-radius:50%;background:#22c77b;box-shadow:0 0 0 4px rgba(34,199,123,.13)}.system-dot small{display:block;color:#7f8eaa}.main-area{min-width:0}.topbar{height:88px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:20}.top-title h1{font-size:21px;margin:0}.top-title p{margin:4px 0 0;color:var(--muted);font-size:13px}.top-actions{margin-inline-start:auto;display:flex;align-items:center;gap:12px}.language-switcher{display:flex;gap:4px;padding:4px;background:var(--surface2);border:1px solid var(--border);border-radius:11px}.language-switcher a{text-decoration:none;font-size:11px;padding:6px 7px;border-radius:7px;color:var(--muted)}.language-switcher a.selected{background:var(--surface);color:var(--accent);box-shadow:0 2px 6px rgba(0,0,0,.06)}.profile-chip{display:flex;align-items:center;gap:9px;text-decoration:none;padding:5px 9px;border-radius:12px}.profile-chip:hover{background:var(--surface2)}.profile-chip strong,.person strong{display:block;font-size:13px}.profile-chip small,.person small{display:block;color:var(--muted);font-size:11px}.avatar{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#e6e7ff,#d9f1ff);color:var(--accent);display:grid;place-items:center;font-weight:750}.avatar.small{width:34px;height:34px}.avatar.large{width:72px;height:72px;font-size:28px;border-radius:20px}.icon-button{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;border-radius:11px;cursor:pointer;color:var(--text)}.content{padding:28px;max-width:1500px;margin:auto}.welcome-card{background:linear-gradient(120deg,#26275f,#5b5bd6);color:#fff;border-radius:20px;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow)}.welcome-card h2{margin:5px 0 7px;font-size:25px}.welcome-card p{margin:0;color:#d8dbff}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#c2c6ff}.status-pill{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.14);padding:9px 13px;border-radius:999px;font-size:13px;white-space:nowrap}.page-intro .status-pill{background:#eafaf3;color:#167752}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.metric-card,.panel,.mini-panel{background:var(--surface);border:1px solid var(--border);border-radius:17px}.metric-card{padding:18px;display:flex;gap:14px;align-items:center}.metric-icon{width:44px;height:44px;border-radius:13px;background:#eeefff;color:var(--accent);display:grid;place-items:center;font-size:20px}.metric-icon.warning{background:#fff2e8;color:#dd742b}.metric-card small,.details-grid small{display:block;color:var(--muted);font-size:12px}.metric-card strong{display:block;font-size:25px;margin:3px 0}.metric-card em{font-style:normal;color:var(--muted);font-size:11px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:20px;box-shadow:0 4px 18px rgba(25,39,75,.035)}.panel-head,.page-intro{display:flex;justify-content:space-between;align-items:center;gap:16px}.panel-head h3,.page-intro h2{margin:0 0 5px}.panel-head p,.page-intro p{margin:0;color:var(--muted);font-size:13px}.panel-head a{font-size:12px;color:var(--accent);text-decoration:none}.steps{margin-top:20px;display:grid;gap:12px}.step{display:flex;align-items:center;gap:13px;padding:12px;border-radius:12px;background:var(--surface2)}.step b{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#e9edf4;color:var(--muted)}.step.done b{background:#e6f8f0;color:var(--success)}.step.current{border:1px solid #dcdcff;background:#f6f6ff}.step.current b{background:var(--accent);color:#fff}.step span strong,.step span small{display:block}.step span small{color:var(--muted);margin-top:2px}.activity-list{margin-top:15px}.activity-item{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:0}.activity-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);margin-top:5px}.activity-item strong,.activity-item small{display:block;font-size:12px}.activity-item small{color:var(--muted);margin-top:4px}.empty{color:var(--muted)}.page-intro{margin-bottom:18px}.button{border:0;border-radius:11px;padding:10px 15px;font-weight:650;cursor:pointer}.button.primary{background:var(--accent);color:#fff}.button:disabled{opacity:.55;cursor:not-allowed}.table-panel{padding:0;overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:start;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:var(--surface2)}th,td{padding:14px 17px;border-bottom:1px solid var(--border);white-space:nowrap}.person{display:flex;align-items:center;gap:10px}.role-badge,.badge{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:11px;background:#f0f1ff;color:var(--accent)}.badge.success{background:#e7f8f0;color:#15845a}.badge.danger{background:#fff0f0;color:var(--danger)}.badge.muted{background:#edf0f4;color:var(--muted)}.security-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.mini-panel{padding:17px}.mini-panel b,.mini-panel span{display:block}.mini-panel span{color:var(--success);margin-top:7px}.truncate{max-width:300px;overflow:hidden;text-overflow:ellipsis}.profile-panel{max-width:850px}.profile-hero{display:flex;gap:17px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--border)}.profile-hero h3{margin:0 0 5px}.profile-hero p{margin:0 0 10px;color:var(--muted)}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.details-grid>div{padding:15px;background:var(--surface2);border-radius:12px}.details-grid strong{display:block;margin-top:6px}.mobile-only{display:none}.sidebar-overlay{display:none}.login-body{min-height:100vh;background:#eef2f8}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-visual{background:radial-gradient(circle at 20% 15%,#7373ef,transparent 35%),linear-gradient(145deg,#17193c,#292d69);color:#fff;padding:70px;display:flex;flex-direction:column;justify-content:space-between}.login-logo{width:55px;height:55px;font-size:29px}.login-visual h1{font-size:48px;margin:20px 0 10px}.login-visual p{color:#cdd2ff;font-size:18px;max-width:500px;line-height:1.55}.visual-points{display:grid;gap:12px;color:#e5e7ff}.login-panel{display:grid;place-items:center;padding:30px}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--border);border-radius:22px;padding:30px;box-shadow:var(--shadow)}.login-card h2{font-size:27px;margin:25px 0 7px}.login-card>p{color:var(--muted);margin:0 0 22px}.login-langs{width:max-content;margin-inline-start:auto}.form-stack{display:grid;gap:15px}.form-stack label{font-size:13px;font-weight:650}.form-stack input{display:block;width:100%;margin-top:7px;border:1px solid var(--border);border-radius:11px;padding:12px 13px;font:inherit;outline:none}.form-stack input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,91,214,.12)}.form-stack .button{padding:13px;margin-top:3px}.alert{padding:11px 13px;border-radius:10px;margin-bottom:15px;font-size:13px}.alert.error{background:#fff0f0;color:#a93636}.login-note{margin-top:20px;text-align:center;color:var(--muted);font-size:12px}.rtl .x{direction:rtl}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:230px 1fr}.sidebar{padding-inline:11px}}@media(max-width:780px){.app-shell{display:block}.sidebar{position:fixed;inset-block:0;inset-inline-start:-285px;width:270px;transition:.25s}.sidebar.open{inset-inline-start:0}.sidebar-overlay.show{display:block;position:fixed;inset:0;background:rgba(12,18,31,.48);z-index:25}.mobile-only{display:inline-grid;place-items:center}.topbar{height:auto;min-height:74px;padding:12px 16px;gap:10px}.top-title p,.profile-chip span:not(.avatar),.language-switcher{display:none}.content{padding:16px}.welcome-card{align-items:flex-start;gap:20px}.metric-grid,.dashboard-grid,.security-cards{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr}.login-visual{display:none}.details-grid{grid-template-columns:1fr}.page-intro{align-items:flex-start;flex-direction:column}.top-actions{gap:6px}}@media(max-width:450px){.metric-grid{grid-template-columns:1fr}.welcome-card{padding:21px;flex-direction:column}.welcome-card h2{font-size:21px}.top-title h1{font-size:17px}.login-panel{padding:15px}.login-card{padding:22px}}

.notice{padding:14px 16px;border-radius:14px;margin-bottom:18px;font-weight:600}.notice.success{background:#ecfdf3;color:#067647;border:1px solid #abefc6}.notice.danger{background:#fef3f2;color:#b42318;border:1px solid #fecdca}.update-form{display:grid;gap:16px}.file-drop{display:grid;place-items:center;text-align:center;min-height:150px;border:1.5px dashed var(--border);border-radius:18px;padding:24px;background:var(--surface-soft);cursor:pointer}.file-drop input{max-width:100%;margin-bottom:12px}.file-drop span{color:var(--muted);font-size:.9rem}.primary-button{border:0;border-radius:12px;padding:13px 18px;background:linear-gradient(135deg,#635bff,#7c3aed);color:#fff;font-weight:700;cursor:pointer;justify-self:start}

/* v0.2.7 — unified Security and Updates sections */
.section-hero{margin-bottom:20px;min-height:150px}.section-hero h2{margin:5px 0 8px;font-size:27px}.section-hero p{max-width:720px}.security-hero{background:linear-gradient(120deg,#1f3158,#365f9f)}.updates-hero{background:linear-gradient(120deg,#302d72,#635bdb)}
.version-pill{min-width:112px;padding:13px 16px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);border-radius:16px;text-align:center}.version-pill small,.version-pill strong{display:block}.version-pill small{font-size:11px;color:#d9dcff;text-transform:uppercase;letter-spacing:.08em}.version-pill strong{font-size:22px;margin-top:3px}
.security-overview{grid-template-columns:repeat(4,minmax(0,1fr))}.security-overview .metric-card{min-height:105px}.metric-state{font-size:18px!important;margin:5px 0!important}.success-text{color:var(--success)}.shield-icon{background:#e7f8f0;color:var(--success)}.rate-icon{background:#eef2ff;color:#4f63c7;font-size:15px;font-weight:800}.session-icon{background:#f2ecff;color:#7c4fd4}.activity-icon{background:#fff4e8;color:#d77928}
.unified-panel{border-radius:18px}.panel-head-padded{padding:19px 20px;border-bottom:1px solid var(--border)}.panel-chip{display:inline-grid;place-items:center;min-width:34px;height:28px;padding:0 10px;border-radius:999px;background:#eef0ff;color:var(--accent);font-size:12px;font-weight:750}.mono-value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:#44516a}.empty-table{text-align:center!important;color:var(--muted);padding:30px!important}.empty-icon{display:block;font-size:24px;color:var(--accent);margin-bottom:7px}
.updates-grid{grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);margin-bottom:18px}.update-upload-panel,.update-info-panel{min-height:100%}.panel-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eef0ff;color:var(--accent);font-size:20px;font-weight:800}.panel-icon.success-icon{background:#e7f8f0;color:var(--success)}
.update-form{margin-top:18px}.file-drop{position:relative;min-height:180px;border:2px dashed #d8deea;background:#fafbfe;transition:.2s}.file-drop:hover,.file-drop.has-file{border-color:var(--accent);background:#f6f6ff}.file-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.upload-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#eeefff;color:var(--accent);font-size:25px;margin-bottom:12px}.file-drop strong{font-size:15px}.file-drop .file-name{max-width:620px;margin-top:6px;line-height:1.45}.update-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.update-submit{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding-inline:18px}.safe-note{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.safe-note i{width:8px;height:8px;border-radius:50%;background:var(--success)}
.update-checklist{display:grid;gap:12px;margin-top:18px}.update-checklist>div{display:flex;align-items:flex-start;gap:12px;padding:13px;border-radius:13px;background:var(--surface2);border:1px solid transparent}.update-checklist>div:hover{border-color:#dfe2ff;background:#f8f8ff}.update-checklist b{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:10px;background:#e9ebff;color:var(--accent)}.update-checklist strong,.update-checklist small{display:block}.update-checklist strong{font-size:13px}.update-checklist small{color:var(--muted);font-size:11px;margin-top:4px;line-height:1.4}.notice{display:flex;align-items:center;gap:10px}.notice>span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(255,255,255,.65)}
@media(max-width:1050px){.security-overview{grid-template-columns:repeat(2,1fr)}.updates-grid{grid-template-columns:1fr}}@media(max-width:780px){.section-hero{min-height:auto;flex-direction:column;align-items:flex-start}.security-overview{grid-template-columns:1fr}.version-pill{min-width:100px}.update-actions{align-items:flex-start;flex-direction:column}.update-submit{width:100%;justify-content:center}}

/* v0.2.8 — unified team screen */
.team-hero{background:linear-gradient(120deg,#26335f,#5c63dc)}
.team-hero-actions{display:flex;align-items:center;gap:12px}
.team-count-pill{min-width:92px}
.hero-button{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.22);padding:12px 16px}
.hero-button:disabled{opacity:.8}
.team-metrics{margin-top:0}
.success-metric{background:#e7f8f0;color:var(--success)}
.security-metric{background:#edf2ff;color:#4869c9}
.muted-metric{background:#f0f2f6;color:#66738a}
.team-table-panel{margin-top:0}
.date-stack strong,.date-stack small{display:block}
.date-stack small{margin-top:3px;color:var(--muted);font-size:11px}
@media(max-width:780px){.team-hero-actions{width:100%;align-items:stretch;flex-direction:column}.team-hero-actions .hero-button{width:100%}.team-count-pill{width:max-content}}
/* v0.2.9 — shared password field */
.password-field{position:relative;display:block;margin-top:7px}.password-field input{margin-top:0!important;padding-inline-end:46px!important}.password-toggle{position:absolute;inset-inline-end:7px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer}.password-toggle:hover{background:var(--surface2);color:var(--text)}.password-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.password-toggle.is-visible svg{opacity:.65}.password-toggle.is-visible::after{content:"";position:absolute;width:21px;height:2px;background:currentColor;transform:rotate(-45deg);border-radius:2px}

.otp-input{text-align:center;font-size:28px!important;letter-spacing:10px;font-weight:800}.resend-form{text-align:center;margin-top:14px}.text-button{border:0;background:none;color:var(--primary,#6656e8);font-weight:700;cursor:pointer}.login-back{display:block;text-align:center;margin-top:16px;color:#64748b;text-decoration:none}.settings-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-top:18px}.settings-form{padding:0 18px 18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.form-grid label{font-size:12px;font-weight:700}.form-grid input,.form-grid select{display:block;width:100%;height:42px;margin-top:6px;border:1px solid #dce3ee;border-radius:10px;padding:0 12px;background:#fff}.inline-test-form{padding:0 18px 18px}.alert{margin:0 18px 16px;padding:12px 14px;border-radius:10px}.alert.success{background:#ecfdf5;color:#047857}.alert.error{background:#fff1f2;color:#be123c}@media(max-width:900px){.settings-grid,.form-grid{grid-template-columns:1fr}}