:root{--accent:#0f766e;--accent-hover:#115e59;--accent-soft:#e2f3f0;--accent-ring:#0f766e47;--on-accent:#fff;--warm:#e8590c;--warm-soft:#fff0e6;--bg:#f3f7f6;--bg-grad:radial-gradient(1200px 600px at 10% -10%, #dff1ed 0%, transparent 60%), radial-gradient(900px 500px at 110% 110%, #e6eefb 0%, transparent 55%), #f3f7f6;--surface:#fff;--surface-2:#f7faf9;--text:#15212b;--muted:#5a6a75;--border:#d9e3e1;--input-bg:#fff;--input-border:#c8d5d3;--shadow:0 1px 2px #1028260f, 0 12px 32px #10282614;--hero-bg:#eef7f5;--hero-text:#134e4a;--error:#b42318;--error-bg:#fef1f0;--error-border:#f6c9c4;--warn:#8a4b06;--warn-bg:#fff6e5;--warn-border:#f5d9a6;--info-bg:#e9f5f3;--info-border:#b9e0d9;--success:#106b48;--success-bg:#e8f7ef;--success-border:#b6e3c9;--topbar-bg:#ffffffdb;--radius:18px;--radius-sm:12px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,sans-serif;line-height:1.5}[data-theme=dark]{--accent:#2dd4bf;--accent-hover:#5eead4;--accent-soft:#10302f;--accent-ring:#2dd4bf52;--on-accent:#042f2c;--warm:#ff8a5c;--warm-soft:#3a2218;--bg:#0b1220;--bg-grad:radial-gradient(1200px 600px at 10% -10%, #0f2a2c 0%, transparent 60%), radial-gradient(900px 500px at 110% 110%, #152a4a 0%, transparent 55%), #0b1220;--surface:#131c2b;--surface-2:#172234;--text:#e7eef7;--muted:#9aabbd;--border:#253246;--input-bg:#0f1726;--input-border:#2e3d54;--shadow:0 1px 2px #0000004d, 0 16px 40px #0006;--hero-bg:#e9f2f0;--hero-text:#134e4a;--error:#ffb4a8;--error-bg:#3a1714;--error-border:#6b2a22;--warn:#ffd18a;--warn-bg:#33250f;--warn-border:#5e4519;--info-bg:#0f2a2a;--info-border:#1f4d4a;--success:#86efac;--success-bg:#0f2a1d;--success-border:#1f5137;--topbar-bg:#131c2bdb}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg-grad);background-attachment:fixed;min-height:100dvh}img{max-width:100%;display:block}a{color:var(--accent);text-underline-offset:2px}a:hover{color:var(--accent-hover)}h1,h2,p{margin:0}button{font:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.brand{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-logo{box-shadow:0 0 0 1px var(--border);background:#fff;border-radius:50%}.brand-name{letter-spacing:-.01em;font-size:1.08rem;font-weight:500}.brand-name strong{color:var(--accent);font-weight:800}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-size:1rem;font-weight:650;transition:background .15s,color .15s,border-color .15s,transform 50ms;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:progress;opacity:.75}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 6px 16px -6px var(--accent-ring)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{color:var(--text);border-color:var(--border);background:0 0;min-height:40px;padding:0 14px}.btn-ghost:hover{background:var(--surface-2)}.btn-block{width:100%}.icon-btn{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:50%;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-2)}.link-btn{color:var(--accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.spinner{border:3px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.spinner-sm{border-width:2px;border-color:#ffffff59;border-top-color:var(--on-accent);width:18px;height:18px}@keyframes spin{to{transform:rotate(360deg)}}.splash{place-content:center;justify-items:center;gap:18px;min-height:100dvh;display:grid}.splash img{background:#fff;border-radius:50%}.auth-form{gap:16px;margin-top:4px;display:grid}.field{gap:6px;display:grid}.field label{font-size:.92rem;font-weight:600}.field input{width:100%;min-height:48px;font:inherit;color:var(--text);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);padding:0 14px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.field input:hover{border-color:var(--muted)}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring);outline:none}.field input[aria-invalid=true]{border-color:var(--error)}.field input:disabled{opacity:.7}.field-hint{color:var(--muted);font-size:.85rem}.input-wrap{position:relative}.input-wrap input{padding-right:52px}.input-addon{width:44px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.input-addon:hover{color:var(--text);background:var(--surface-2)}.alert{border-radius:var(--radius-sm);border:1px solid;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.93rem;line-height:1.45;display:flex}.alert svg{flex:none;margin-top:1px}.alert p+.link-btn{margin-top:4px}.alert-error{color:var(--error);background:var(--error-bg);border-color:var(--error-border)}.alert-warn{color:var(--warn);background:var(--warn-bg);border-color:var(--warn-border)}.alert-info{color:var(--text);background:var(--info-bg);border-color:var(--info-border)}.alert-info svg{color:var(--accent)}.alert-success{color:var(--success);background:var(--success-bg);border-color:var(--success-border)}.auth-page{min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));place-items:center;display:grid;position:relative}.auth-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-title{letter-spacing:-.02em;margin-top:6px;font-size:1.75rem;font-weight:750;line-height:1.2}.auth-subtitle{color:var(--muted);margin-top:-6px}.auth-hint{text-align:center;color:var(--muted);font-size:.9rem}.auth-version{text-align:center;color:var(--muted);opacity:.7;font-size:.75rem}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:460px;box-shadow:var(--shadow);gap:16px;padding:28px 24px;display:grid}.pw-rules{color:var(--muted);gap:4px;margin:-4px 0 0;padding:0;font-size:.86rem;list-style:none;display:grid}.pw-rules li{align-items:center;gap:6px;display:flex}.pw-rules li svg{opacity:.35}.pw-rules li.ok{color:var(--success)}.pw-rules li.ok svg{opacity:1}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:460px;box-shadow:var(--shadow);display:grid;overflow:hidden}.login-hero{background:radial-gradient(120% 90% at 50% 100%, #fff 0%, var(--hero-bg) 70%);border-bottom:1px solid var(--border);justify-content:center;align-items:flex-end;height:190px;display:flex;position:relative;overflow:hidden}.login-hero picture{align-items:flex-end;height:100%;display:flex}.login-mascot{mix-blend-mode:multiply;width:auto;max-width:none;height:100%}.login-tagline{display:none}.login-form-wrap{gap:14px;padding:20px 22px 18px;display:grid}@media (width<=380px){.login-hero{height:160px}.login-form-wrap,.auth-card{padding-left:18px;padding-right:18px}}@media (width>=600px){.login-card,.auth-card{max-width:480px}.login-hero{height:260px}.login-form-wrap,.auth-card{padding:32px 36px 28px}}@media (width>=960px){.login-card{grid-template-columns:1.05fr 1fr;max-width:980px;min-height:600px}.login-hero{border-bottom:0;border-right:1px solid var(--border);flex-direction:column;justify-content:space-between;align-items:stretch;height:auto}.login-hero picture{justify-content:center;height:auto}.login-mascot{width:100%;max-width:470px;height:auto}.login-tagline{letter-spacing:-.03em;color:var(--hero-text);padding:44px 44px 0;font-size:2rem;font-weight:800;line-height:1.15;display:block}.login-tagline span{color:#0f766e}.login-form-wrap{align-content:center;padding:48px 56px}}.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:10;background:var(--topbar-bg);-webkit-backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--border);padding-top:env(safe-area-inset-top);position:sticky;top:0}.topbar-inner{max-width:1200px;height:64px;padding:0 max(16px, env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.topbar-brand{min-width:0;text-decoration:none}.topbar-actions,.user-chip{align-items:center;gap:10px;min-width:0;display:flex}.avatar{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:.9rem;font-weight:750;display:grid}.user-meta{min-width:0;line-height:1.2;display:grid}.user-name{white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.95rem;font-weight:650;overflow:hidden}.role-badge{letter-spacing:.02em;background:var(--accent-soft);color:var(--accent);border-radius:999px;justify-self:start;margin-top:3px;padding:1px 8px;font-size:.72rem;font-weight:700}.role-viewer{background:var(--surface-2);color:var(--muted);box-shadow:inset 0 0 0 1px var(--border)}.role-moderator{background:var(--warm-soft);color:var(--warm)}.shell-main{width:100%;max-width:1200px;padding:28px max(16px, env(safe-area-inset-left)) 32px;flex:1;align-content:start;gap:20px;margin:0 auto;display:grid}.welcome{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);align-items:stretch;display:flex;overflow:hidden}.welcome-text{flex:1;align-content:center;gap:8px;min-width:0;padding:24px;display:grid}.welcome-art{background:radial-gradient(120% 90% at 50% 100%, #fff 0%, var(--hero-bg) 70%);border-left:1px solid var(--border);flex:none;justify-content:center;align-items:flex-end;width:220px;padding-top:12px;display:none}.welcome-art img{mix-blend-mode:multiply;width:auto;height:170px}@media (width>=600px){.welcome-art{display:flex}}.welcome h1{letter-spacing:-.02em;font-size:1.6rem}.welcome p{color:var(--muted);max-width:62ch}.welcome-links{font-size:.92rem;font-weight:600}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:6px 0 -6px;font-size:.85rem}.module-grid{grid-template-columns:1fr;gap:12px;margin:0;padding:0;list-style:none;display:grid}.module-card{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-sm);align-items:center;gap:14px;padding:16px;display:flex}.module-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.module-body{flex:1;min-width:0;display:grid}.module-title{font-weight:700}.module-text{color:var(--muted);font-size:.9rem}.chip-soon{color:var(--warm);background:var(--warm-soft);border-radius:999px;flex:none;padding:2px 9px;font-size:.72rem;font-weight:700}.shell-footer{text-align:center;color:var(--muted);padding:16px 16px max(16px, env(safe-area-inset-bottom));font-size:.78rem}@media (width<=599px){.topbar .brand-name{display:none}.btn-logout{width:40px;padding:0}.btn-logout-label{display:none}.user-name{max-width:120px}.welcome-text{padding:20px}.welcome h1{font-size:1.35rem}}@media (width>=600px){.module-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1100px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.module-card{gap:18px;min-height:92px;padding:20px 22px}.module-icon{border-radius:14px;width:52px;height:52px}.module-title{font-size:1.05rem}.shell-main{padding-top:36px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:.01ms!important}}:root{--sidebar-w:240px;--rail-w:104px;--topbar-h:64px;--bottomnav-h:64px;--danger:#c0352b;--danger-hover:#a12a21;--danger-soft:#fdecea;--row-hover:#f4f9f8;--skeleton:#e7eeed}[data-theme=dark]{--danger:#ff7b6e;--danger-hover:#ff9a90;--danger-soft:#3a1714;--row-hover:#18233a;--skeleton:#1c2840}.skip-link{z-index:100;background:var(--surface);border-radius:8px;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip-link:focus{left:8px}.app{flex-direction:column;min-height:100dvh;display:flex}.topbar-wide{max-width:none;padding:0 max(16px, env(safe-area-inset-left)) 0 max(20px, env(safe-area-inset-left))}.app-body{flex:1;grid-template-columns:1fr;min-width:0;display:grid}.app-main{min-width:0;padding:24px max(16px, env(safe-area-inset-left)) 32px}.has-bottomnav .app-main{padding-bottom:calc(var(--bottomnav-h) + 24px + env(safe-area-inset-bottom))}.page{align-content:start;gap:20px;max-width:1200px;margin:0 auto;display:grid}.sidenav{display:none}.sidenav-section{gap:2px;display:grid}.sidenav-section+.sidenav-section{margin-top:18px}.sidenav-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 12px 6px;font-size:.72rem;font-weight:700}.sidenav-link{color:var(--text);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:.95rem;font-weight:600;text-decoration:none;display:flex}.sidenav-link:hover{background:var(--surface-2);color:var(--text)}.sidenav-link.active{background:var(--accent-soft);color:var(--accent)}.sidenav-short{display:none}@media (width>=600px){.app-body{grid-template-columns:var(--rail-w) minmax(0, 1fr)}.sidenav{top:var(--topbar-h);height:calc(100dvh - var(--topbar-h));border-right:1px solid var(--border);background:var(--surface);align-self:start;padding:16px 8px;display:block;position:sticky;overflow-y:auto}.sidenav-title,.sidenav-label{display:none}.sidenav-section+.sidenav-section{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.sidenav-link{text-align:center;flex-direction:column;gap:4px;padding:10px 4px;font-size:.7rem}.sidenav-short{line-height:1.15;display:block}.app-main{padding:28px 28px 40px}}@media (width>=1024px){.app-body{grid-template-columns:var(--sidebar-w) minmax(0, 1fr)}.sidenav{padding:20px 14px}.sidenav-title,.sidenav-label{display:block}.sidenav-short{display:none}.sidenav-section+.sidenav-section{border-top:0;margin-top:18px;padding-top:0}.sidenav-link{text-align:left;flex-direction:row;gap:12px;padding:10px 12px;font-size:.95rem}.app-main{padding:32px 40px 48px}}.bottomnav{z-index:20;height:calc(var(--bottomnav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--topbar-bg);-webkit-backdrop-filter:saturate(1.4)blur(12px);border-top:1px solid var(--border);display:flex;position:fixed;bottom:0;left:0;right:0}.bottomnav-link{color:var(--muted);flex:1;align-content:center;place-items:center;gap:3px;font-size:.72rem;font-weight:650;text-decoration:none;display:grid}.bottomnav-link.active{color:var(--accent)}.bottomnav-link.active svg{background:var(--accent-soft);border-radius:999px;width:52px;height:28px;padding:3px 14px}@media (width>=600px){.bottomnav{display:none}.has-bottomnav .app-main{padding-bottom:40px}}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.75rem;font-weight:700}.muted{color:var(--muted)}.mono,.mono-sm,code{font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace}.mono-sm{font-size:.85rem}.nowrap{white-space:nowrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card-title{align-items:center;gap:8px;margin:0 0 14px;font-size:1.05rem;display:flex}.btn-sm{border-radius:10px;min-height:36px;padding:0 12px;font-size:.88rem}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-danger-ghost{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, transparent);background:0 0}.btn-danger-ghost:hover:not(:disabled){background:var(--danger-soft)}.btn:disabled{cursor:not-allowed}.icon-btn-plain{background:0 0;border-color:#0000}.field-error{color:var(--error);margin:0;font-size:.85rem}.field select,.select-input{width:100%;min-height:48px;font:inherit;color:var(--text);background:var(--input-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%237b8a94' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid var(--input-border);border-radius:var(--radius-sm);appearance:none;padding:0 40px 0 14px;font-size:1rem}.select-input:disabled{opacity:.6}.select-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring);outline:none}.form-grid{gap:16px;display:grid}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.you-tag{background:var(--accent-soft);color:var(--accent);vertical-align:middle;border-radius:6px;margin-left:6px;padding:0 6px;font-size:.7rem;font-weight:700;display:inline-block}.back-link{justify-self:start;align-items:center;gap:2px;margin-bottom:-6px;font-weight:600;text-decoration:none;display:inline-flex}.avatar-sm{width:30px;height:30px;font-size:.75rem}.avatar-lg{width:64px;height:64px;font-size:1.3rem}.avatar-muted{background:var(--surface-2);color:var(--muted);box-shadow:inset 0 0 0 1px var(--border)}.role-badge{white-space:nowrap}.role-admin{background:var(--accent-soft);color:var(--accent)}.status-pills{flex-wrap:wrap;gap:6px;display:inline-flex}.status-pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:2px 9px 2px 8px;font-size:.78rem;font-weight:650;display:inline-flex}.status-pill .dot{background:currentColor;border-radius:50%;width:7px;height:7px}.status-active{color:var(--success);background:var(--success-bg);border-color:var(--success-border)}.status-locked{color:var(--error);background:var(--error-bg);border-color:var(--error-border)}.status-pending{color:var(--warn);background:var(--warn-bg);border-color:var(--warn-border)}.status-deactivated{color:var(--muted);background:var(--surface-2);border-color:var(--border)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-head h1{letter-spacing:-.02em;font-size:1.7rem;line-height:1.2}.page-sub{color:var(--muted);margin-top:4px}.toolbar{grid-template-columns:1fr 1fr;gap:10px;display:grid}.search{grid-column:1/-1;align-items:center;display:flex;position:relative}.search svg{color:var(--muted);pointer-events:none;position:absolute;left:14px}.search input,.select select{width:100%;min-height:44px;font:inherit;color:var(--text);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);font-size:1rem}.search input{padding:0 14px 0 42px}.select select{appearance:none;background:var(--input-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%237b8a94' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E") no-repeat right 12px center;text-overflow:ellipsis;padding:0 36px 0 12px}.search input:focus,.select select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring);outline:none}.clear-filters{grid-column:1/-1;justify-self:start}@media (width>=900px){.toolbar{grid-template-columns:minmax(260px,1fr) 220px 230px auto;align-items:center}.search,.clear-filters{grid-column:auto}}@media (width<=599px){.page-head .btn{width:100%}.page-head h1{font-size:1.45rem}}.table-wrap{display:none}.users-table{border-collapse:separate;border-spacing:0;width:100%}.users-table th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);background:var(--surface-2);padding:12px 16px;font-size:.76rem;font-weight:700}.users-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px;font-size:.93rem}.users-table tbody tr{cursor:pointer}.users-table tbody tr:hover{background:var(--row-hover)}.users-table tbody tr:last-child td{border-bottom:0}.users-table .chev{width:36px;color:var(--muted)}.is-inactive .user-cell-text a,.is-inactive .user-card-name{color:var(--muted)}.user-cell{align-items:center;gap:12px;display:flex}.user-cell-text{min-width:0;line-height:1.3;display:grid}.user-cell-text a{color:var(--text);font-weight:650;text-decoration:none}.user-cell-text a:hover{color:var(--accent);text-decoration:underline}.user-cards{gap:10px;margin:0;padding:0;list-style:none;display:grid}.user-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);gap:10px;padding:14px 16px;text-decoration:none;display:grid;box-shadow:0 1px 2px #1028260a}.user-card:hover{border-color:var(--accent);color:var(--text)}.user-card-top{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.user-card-top>svg{color:var(--muted)}.user-card-name{font-weight:650}.user-card-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.user-card-badges .role-badge{margin-top:0;padding:2px 9px;font-size:.78rem}.user-card-meta{color:var(--muted);flex-wrap:wrap;gap:4px 16px;font-size:.82rem;display:flex}@media (width>=700px) and (width<=1023px){.user-cards{grid-template-columns:1fr 1fr}}@media (width>=1024px){.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);display:block;overflow:hidden}.user-cards{display:none}.users-table .role-badge{margin-top:0;padding:2px 9px;font-size:.78rem}}.list-skeleton{gap:10px;display:grid}.skeleton-row{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--skeleton) 0%, var(--surface-2) 50%, var(--skeleton) 100%);background-size:200% 100%;height:64px;animation:1.2s linear infinite shimmer}.skeleton-row.tall{height:140px}@keyframes shimmer{to{background-position:-200% 0}}.empty-state{text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted);justify-items:center;gap:10px;padding:48px 20px;display:grid}.empty-state.small{padding:28px 16px}.empty-state h1{color:var(--text);font-size:1.4rem}.empty-state p{max-width:46ch}.empty-icon{background:var(--warn-bg);width:64px;height:64px;color:var(--warn);border-radius:50%;place-items:center;display:grid}.forbidden{max-width:560px;margin:24px auto 0}.forbidden .btn{margin-top:6px}.detail-head{grid-template-columns:auto 1fr;align-items:center;gap:16px;display:grid}.detail-head h1{font-size:1.45rem;line-height:1.2}.detail-head-text{gap:6px;min-width:0;display:grid}.detail-meta{border-top:1px solid var(--border);grid-column:1/-1;grid-template-columns:1fr 1fr;gap:12px 20px;margin:4px 0 0;padding-top:14px;display:grid}.detail-meta dt{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:700}.detail-meta dd{margin:2px 0 0;font-size:.93rem}@media (width>=1024px){.detail-head{grid-template-columns:auto 1fr auto}.detail-meta{border-top:0;border-left:1px solid var(--border);grid-column:auto;grid-template-columns:repeat(2,minmax(150px,auto));margin:0;padding-top:0;padding-left:24px}}.detail-grid{gap:20px;display:grid}.detail-col{align-content:start;gap:20px;display:grid}@media (width>=1100px){.detail-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}}.action-list{margin:0;padding:0;list-style:none;display:grid}.action-row{border-top:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.action-row:first-child{border-top:0;padding-top:0}.action-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.action-icon.danger{background:var(--danger-soft);color:var(--danger)}.action-icon.warn{background:var(--warn-bg);color:var(--warn)}.action-title{font-weight:650}.action-desc{color:var(--muted);font-size:.86rem}@media (width<=480px){.action-row{grid-template-columns:auto 1fr}.action-row>.btn{grid-column:2;justify-self:start}}.timeline{margin:0;padding:0;list-style:none;display:grid}.timeline-item{grid-template-columns:18px 1fr;gap:10px;padding-bottom:16px;display:grid;position:relative}.timeline-item:before{content:"";background:var(--border);width:2px;position:absolute;top:14px;bottom:0;left:5px}.timeline-item:last-child:before{display:none}.timeline-dot{background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%;margin-top:5px}.act-deactivate .timeline-dot,.act-lockout .timeline-dot{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.act-password_reset .timeline-dot,.act-unlock .timeline-dot{background:var(--warn);box-shadow:0 0 0 3px var(--warn-bg)}.timeline-text{font-size:.93rem}.timeline-meta{color:var(--muted);font-size:.8rem}.modal{color:var(--text);background:0 0;border:0;width:min(560px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);padding:0;overflow:visible}.modal-sm{width:min(460px,100vw - 32px)}.modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080f198c}.modal-panel{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;max-height:calc(100dvh - 32px);display:flex;overflow:hidden;box-shadow:0 24px 64px #00000047}.modal-head{align-items:center;gap:12px;padding:18px 16px 6px 22px;display:flex}.modal-head h2{letter-spacing:-.01em;flex:1;font-size:1.2rem}.modal-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.modal-danger .modal-icon{background:var(--danger-soft);color:var(--danger)}.modal-body{padding:12px 22px 20px;overflow-y:auto}.modal-foot{border-top:1px solid var(--border);background:var(--surface-2);justify-content:flex-end;gap:10px;padding:14px 22px 18px;display:flex}.modal-body .form-actions{border-top:1px solid var(--border);background:var(--surface-2);margin:4px -22px -20px;padding:14px 22px 18px}@media (width<=599px){.modal,.modal-sm{width:100vw;max-height:94dvh;margin:auto 0 0}.modal-panel{max-height:94dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:20px 20px 0 0}.modal-foot,.modal-body .form-actions{flex-direction:column-reverse}.modal-foot .btn,.modal-body .form-actions .btn{width:100%}}.confirm-text{gap:10px;margin-bottom:4px;display:grid}.confirm-list{color:var(--muted);gap:2px;margin:0;padding-left:20px;display:grid}.modal-body .alert{margin-top:12px}.role-picker{border:0;gap:8px;margin:0;padding:0;display:grid}.role-picker legend{margin-bottom:6px;padding:0;font-size:.92rem;font-weight:600}.role-option{border:1px solid var(--input-border);border-radius:var(--radius-sm);cursor:pointer;background:var(--input-bg);align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.role-option.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent) inset}.role-option input{accent-color:var(--accent);flex:none;width:18px;height:18px;margin-top:4px}.role-option-text{display:grid}.role-option-title{font-weight:650}.role-option-hint{color:var(--muted);font-size:.84rem}.pw-gen{grid-template-columns:1fr auto auto;align-items:center;gap:8px;display:grid}.pw-gen input{letter-spacing:.04em}.pw-gen .btn{min-height:48px}@media (width<=420px){.pw-gen .btn span:not(.sr-only){display:none}}.copy-btn.is-ok{color:var(--success);border-color:var(--success-border)}.otp{gap:12px;display:grid}.otp-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);grid-template-columns:1fr auto;grid-template-areas:"label label""value copy";align-items:center;gap:4px 8px;padding:10px 12px;display:grid}.otp-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);grid-area:label;font-size:.75rem;font-weight:700}.otp-value{word-break:break-all;grid-area:value;font-size:1.05rem}.otp-password{letter-spacing:.06em;color:var(--accent);font-size:1.3rem;font-weight:700}.otp-row .copy-btn{grid-area:copy}.toasts{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:1000;gap:8px;width:max-content;max-width:calc(100vw - 32px);display:grid;position:fixed;transform:translate(-50%)}.has-bottomnav~.toasts{bottom:calc(var(--bottomnav-h) + 16px + env(safe-area-inset-bottom))}body:has(.has-bottomnav) .toasts{bottom:calc(var(--bottomnav-h) + 16px + env(safe-area-inset-bottom))}@media (width>=600px){body:has(.has-bottomnav) .toasts{bottom:24px}}.toast{color:#fff;background:#15212b;border-radius:12px;align-items:center;gap:10px;padding:10px 16px;font-size:.93rem;font-weight:600;animation:.18s ease-out toast-in;display:flex;box-shadow:0 10px 30px #00000040}[data-theme=dark] .toast{color:#0b1220;background:#e7eef7}.toast-success svg{color:#5eead4}[data-theme=dark] .toast-success svg{color:#0f766e}.toast-error svg{color:#ff9a90}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.module-card-live{color:var(--text);border-style:solid;text-decoration:none}.module-card-live:hover{border-color:var(--accent);color:var(--text)}.module-card-live>svg:last-child{color:var(--muted)}.page>.shell-footer{padding-top:8px}a.btn{text-decoration:none}a.btn-primary,a.btn-primary:hover{color:var(--on-accent)}a.btn-ghost,a.btn-ghost:hover{color:var(--text)}.form-actions .btn-primary:disabled,.modal-foot .btn-primary:disabled{opacity:.45;box-shadow:none}.page-head-text{flex:320px;min-width:0}.page-head>.btn{flex:none}.sidenav-link{min-width:0}.sidenav-short{letter-spacing:-.01em;max-width:100%;font-size:.68rem}.role-option input:focus-visible{outline:none}.role-option:has(input:focus-visible){box-shadow:0 0 0 3px var(--accent-ring)}.modal-body .form-actions{z-index:1;position:sticky;bottom:-20px}@media (width<=599px){.modal-foot,.modal-body .form-actions{flex-direction:row}.modal-foot .btn,.modal-body .form-actions .btn{flex:1;width:auto}.modal-body .form-actions .btn-ghost,.modal-foot .btn-ghost{flex:none}.modal-foot .copy-btn{flex:1}.detail-head{align-items:start}}.field .role-option input{width:18px;height:18px;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:50%;padding:0}.btn:disabled:not(:has(.spinner)){opacity:.45;box-shadow:none}.superadmin-badge{white-space:nowrap;color:#8a4b06;background:linear-gradient(135deg,#fff4d6,#ffe7b3);border:1px solid #f2c96b;border-radius:999px;align-items:center;gap:5px;padding:2px 9px 2px 7px;font-size:.78rem;font-weight:700;line-height:1.5;display:inline-flex}.superadmin-badge svg{flex:none}[data-theme=dark] .superadmin-badge{color:#ffd18a;background:linear-gradient(135deg,#3a2a10,#2c200c);border-color:#6b4f1d}.role-cell{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.alert-protected{color:var(--warn);background:var(--warn-bg);border-color:var(--warn-border);align-items:flex-start}.alert-protected p{margin:0}.alert-protected .alert-sub{opacity:.9;margin-top:2px;font-size:.86rem}.action-icon.super{background:var(--warn-bg);color:var(--warn)}.field-label{font-size:.92rem;font-weight:600}.static-field{flex-wrap:wrap;align-items:center;gap:6px;min-height:34px;margin:2px 0 0;display:flex}.static-field .role-badge{margin-top:0;padding:2px 9px;font-size:.78rem}.field input:disabled{background:var(--surface-2);color:var(--muted);cursor:not-allowed}