:root{--bg:#070b14;--surface:#0d1422;--surface2:#111b2e;--surface3:#17243a;--text:#edf3ff;--muted:#92a1bb;--line:rgba(255,255,255,.09);--primary:#4f8cff;--primary2:#6c5ce7;--success:#35c98a;--warning:#f5b94c;--danger:#ef5b63;--shadow:0 18px 55px rgba(0,0,0,.35);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(900px 500px at 50% -10%,rgba(79,140,255,.16),transparent 60%),var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.container{width:min(1440px,calc(100% - 40px));margin:auto}.topbar{position:sticky;top:0;z-index:30;background:rgba(7,11,20,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{min-height:74px;display:flex;align-items:center;gap:18px}.brand{font-weight:900;font-size:1.08rem;letter-spacing:.2px;white-space:nowrap}.brand span{color:#8fb7ff}.nav-links{display:flex;align-items:center;gap:6px;flex:1;flex-wrap:wrap}.nav-links a,.nav-links button{border:1px solid transparent;background:transparent;color:var(--muted);padding:9px 12px;border-radius:11px}.nav-links a:hover,.nav-links button:hover,.nav-links .active{background:rgba(255,255,255,.05);border-color:var(--line);color:var(--text)}#whoami{white-space:nowrap}.hero{padding:70px 0 34px}.hero h1{margin:10px 0 12px;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.98;letter-spacing:-.05em}.hero p{max-width:780px;color:var(--muted);font-size:1.06rem}.eyebrow,.badge{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:999px;padding:6px 10px;color:#b9c7df;font-size:.78rem;font-weight:800;letter-spacing:.05em}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0 30px}.card{background:linear-gradient(180deg,rgba(17,27,46,.96),rgba(11,19,33,.96));border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;right:-30px;top:-50px;width:140px;height:140px;border-radius:50%;background:rgba(79,140,255,.08)}.stat .label{color:var(--muted);font-size:.88rem}.stat .value{margin-top:5px;font-size:2rem;font-weight:850;letter-spacing:-.04em}.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:34px 0 14px}.section-title h2{margin:0;letter-spacing:-.03em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:11px;padding:10px 14px;background:var(--surface3);color:var(--text);transition:.16s transform,.16s filter,.16s background}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));border-color:transparent}.btn.success{background:rgba(53,201,138,.12);border-color:rgba(53,201,138,.26);color:#8ae9c0}.btn.warning{background:rgba(245,185,76,.11);border-color:rgba(245,185,76,.25);color:#ffd579}.btn.danger{background:rgba(239,91,99,.10);border-color:rgba(239,91,99,.26);color:#ff9da3}.btn.small{padding:7px 9px;font-size:.84rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}label{color:#cbd5e8;font-size:.88rem;font-weight:650}input,select,textarea{width:100%;border:1px solid var(--line);background:#080f1d;color:var(--text);border-radius:11px;padding:11px 12px;outline:none;transition:.15s border,.15s box-shadow}input::placeholder,textarea::placeholder{color:#66748d}input:focus,select:focus,textarea:focus{border-color:rgba(79,140,255,.75);box-shadow:0 0 0 3px rgba(79,140,255,.12)}textarea{min-height:110px;resize:vertical}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:1050px}th,td{padding:12px 11px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}th{background:#0d1627;color:#b8c6dd;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;position:sticky;top:0;z-index:1}tr:hover td{background:rgba(255,255,255,.018)}tr:last-child td{border-bottom:0}.badge.success{background:rgba(53,201,138,.13);color:#7ce3b4;border-color:rgba(53,201,138,.2)}.badge.warn{background:rgba(245,185,76,.11);color:#ffd574;border-color:rgba(245,185,76,.2)}.badge.admin{background:rgba(108,92,231,.16);color:#cabfff;border-color:rgba(108,92,231,.26)}.badge.danger{background:rgba(239,91,99,.12);color:#ff9ea5;border-color:rgba(239,91,99,.2)}.muted,small{color:var(--muted)}.news-card h3{margin:0 0 5px}.news-meta{color:var(--muted);font-size:.84rem;margin-bottom:11px}.news-content{white-space:pre-wrap;line-height:1.6}.footer{padding:54px 0 30px;color:var(--muted);text-align:center}.empty{padding:36px;text-align:center;color:var(--muted)}.searchbar{margin:15px 0}.searchbar input{max-width:620px}.inline{display:flex;gap:8px;align-items:end}.modal{position:fixed;inset:0;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.72);z-index:100}.modal-box{width:min(760px,100%);max-height:90vh;overflow:auto}.toast{position:fixed;right:20px;bottom:20px;z-index:150;max-width:420px;padding:13px 15px;background:#111c30;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.toast.error{border-color:rgba(239,91,99,.55)}.toast.ok{border-color:rgba(53,201,138,.5)}.notice{padding:13px 14px;border-radius:12px;background:rgba(79,140,255,.07);border:1px solid rgba(79,140,255,.16);color:#c5d7f4}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:30px}.auth-grid{width:min(1050px,100%);display:grid;grid-template-columns:1fr 1fr;gap:18px}.auth-card h1{margin:8px 0}.panel-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.panel-title h3{margin:0}.empty-state{border:1px dashed var(--line);border-radius:14px;padding:25px;text-align:center;color:var(--muted)}@media(max-width:980px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-grid,.grid-2,.grid-3,.form-grid{grid-template-columns:1fr}.nav{align-items:flex-start;flex-wrap:wrap;padding:12px 0}#whoami{width:100%}}@media(max-width:620px){.container{width:min(100% - 24px,1440px)}.hero{padding:44px 0 26px}.stats{grid-template-columns:1fr}.nav-links{width:100%}}

.file-list{display:grid;gap:10px}.file-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.file-row .actions{margin-top:0}.file-row a{flex:none}@media(max-width:620px){.file-row{align-items:flex-start;flex-direction:column}.file-row .actions{width:100%}}


/* Forum */
.forum-composer{margin-bottom:28px}.forum-list{display:grid;gap:18px;padding-bottom:36px}.forum-post h2{margin:0 0 4px;font-size:1.18rem}.forum-content{margin-top:18px;line-height:1.75;white-space:normal}.forum-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px}.forum-media{overflow:hidden;border-radius:14px;border:1px solid var(--border);background:#0d1117;min-height:160px;display:flex;align-items:center;justify-content:center}.forum-media img,.forum-media video{width:100%;max-height:480px;object-fit:contain;display:block}.forum-actions{margin-top:18px}.forum-teaser{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}@media(max-width:700px){.forum-media-grid{grid-template-columns:1fr}}

.table-link{border:0;background:transparent;color:inherit;padding:0;text-align:left;font:inherit;cursor:pointer}.table-link:hover strong{text-decoration:underline;color:#8fb7ff}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-grid>div{padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.label{display:block;color:var(--muted);font-size:.78rem;margin-bottom:4px}.request-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.request-meta-grid>div{padding:11px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.account-nav{font-weight:800}.account-chip{display:flex;align-items:center;justify-content:flex-end;min-width:max-content;color:#cbd5e8}.account-chip::before{content:'👤';margin-right:7px}.account-chip .muted{color:inherit}@media(max-width:980px){.detail-grid,.request-meta-grid{grid-template-columns:1fr 1fr}.account-chip{width:100%;justify-content:flex-start}}@media(max-width:620px){.detail-grid,.request-meta-grid{grid-template-columns:1fr}}

.smtp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.smtp-grid>div{padding:12px 14px;border:1px solid rgba(127,145,170,.22);border-radius:12px;background:rgba(255,255,255,.025)}.smtp-grid .label{display:block;margin-bottom:5px}.smtp-panel .field{max-width:520px}@media(max-width:900px){.smtp-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.smtp-grid{grid-template-columns:1fr}}

/* Account/profile/header enhancements */
.nav{position:relative}.account-menu{position:relative;z-index:40;margin-left:auto}.account-trigger{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);padding:7px 10px;border-radius:12px;cursor:pointer}.account-trigger:hover{background:rgba(255,255,255,.07)}.account-identity{display:flex;align-items:baseline;gap:5px;white-space:nowrap}.account-identity span{color:var(--muted);font-size:.9rem}.account-chevron{color:var(--muted);font-size:1rem}.nav-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--line);display:grid;place-items:center;flex:none}.nav-avatar.fallback{background:var(--surface3);font-size:15px}.account-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:210px;padding:7px;background:#0d1627;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);display:none}.account-menu.open .account-dropdown{display:grid}.account-dropdown a,.account-dropdown button{display:block;text-align:left;border:0;background:transparent;color:var(--text);padding:10px 11px;border-radius:10px;width:100%;cursor:pointer}.account-dropdown a:hover,.account-dropdown button:hover{background:rgba(255,255,255,.06)}.profile-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.profile-head{display:flex;align-items:center;gap:18px;min-width:0}.profile-head h2{margin:5px 0 0;font-size:1.7rem}.profile-avatar{width:88px;height:88px;border-radius:50%;overflow:hidden;border:2px solid rgba(79,140,255,.35);background:var(--surface3);display:grid;place-items:center;font-size:2rem;flex:none}.profile-avatar.large img{width:100%;height:100%;object-fit:cover}.profile-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.small-note{margin:0}.success-box{border-color:rgba(53,201,138,.25);background:rgba(53,201,138,.08)}.warning-box{border-color:rgba(245,185,76,.25);background:rgba(245,185,76,.08)}.verify-card{max-width:720px;margin:0 auto}.verify-card input#otpInput{font-size:1.6rem;letter-spacing:.35em;text-align:center}.account-nav{display:none!important}
@media(max-width:980px){.nav{gap:10px}.nav-links{order:2;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.account-menu{order:1}.profile-card{align-items:flex-start;flex-direction:column}.profile-actions{justify-content:flex-start}.account-dropdown{left:0;right:auto}}
@media(max-width:620px){.account-trigger{max-width:calc(100vw - 48px)}.account-identity{font-size:.9rem}.nav-avatar{width:30px;height:30px}.hero h1{font-size:2.45rem}.btn{width:100%}.actions .btn,.actions a.btn{flex:1 1 100%}.inline{flex-direction:column;align-items:stretch}.inline select{width:100%!important}.profile-head{align-items:flex-start}.profile-avatar{width:72px;height:72px}.smtp-grid{grid-template-columns:1fr}.table-wrap{max-width:100%}}

@media(max-width:620px){input,select,textarea{font-size:16px}.table-wrap{-webkit-overflow-scrolling:touch}.account-dropdown{min-width:200px}.profile-actions form{width:100%}.profile-actions{width:100%}.profile-actions .btn{width:100%}}

.notification-list{display:grid;gap:10px}.notification-item{display:flex;gap:12px;padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.notification-item.unread{border-color:rgba(79,140,255,.38);background:rgba(79,140,255,.055)}.notification-dot{width:9px;height:9px;border-radius:50%;background:#6f7e95;margin-top:7px;flex:none}.notification-item.unread .notification-dot{background:#4f8cff;box-shadow:0 0 0 4px rgba(79,140,255,.12)}.notification-body{width:100%}.notification-body p{margin:7px 0 9px;color:#cbd5e8}.settings-toggles{display:grid;gap:12px;margin-top:18px}.toggle-row{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.toggle-row input{width:auto;margin-top:3px}.proposal-private{border-color:rgba(245,185,76,.22)}

.forum-author{display:flex;align-items:center;gap:10px;min-width:0}.forum-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid var(--line);display:grid;place-items:center;background:var(--surface3);flex:none}.forum-avatar.fallback{font-size:17px}.account-trigger .nav-avatar{background:var(--surface3)}
@media(max-width:620px){.forum-author{max-width:calc(100% - 95px)}.forum-avatar{width:34px;height:34px}}


/* Global theme + responsive polish */
:root{--header-bg:rgba(7,11,20,.82);--input-bg:#080f1d;--table-head:#0d1627;--glow:rgba(79,140,255,.16)}
.topbar{background:var(--header-bg)}
input,select,textarea{background:var(--input-bg);color:var(--text)}
th{background:var(--table-head)}
.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary2))}
[data-theme="light"]{--header-bg:rgba(255,255,255,.88);--input-bg:#fff;--table-head:#eef3f8;--line:rgba(24,32,51,.12);--glow:rgba(37,99,235,.13)}
[data-theme="light"] body{background:radial-gradient(900px 500px at 50% -10%,var(--glow),transparent 60%),var(--bg)}
[data-theme="light"] body:before{background-image:linear-gradient(rgba(24,32,51,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(24,32,51,.025) 1px,transparent 1px)}
[data-theme="light"] .card{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,253,.98))}
[data-theme="light"] .account-dropdown{background:var(--surface)}
[data-theme="light"] th{color:#465467}
[data-density="compact"] .card{padding:15px}[data-density="compact"] .section-title{margin-top:24px}[data-density="compact"] .hero{padding-top:48px}
[data-density="spacious"] .card{padding:26px}[data-density="spacious"] .section-title{margin-top:42px}
.theme-editor{overflow:hidden}.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.color-field{display:flex;flex-direction:column;gap:7px}.color-field input{height:46px;padding:4px;cursor:pointer}.preset-select{max-width:220px}
.login-tools{margin-top:10px;font-size:.9rem}.login-tools a{color:#8fb7ff;font-weight:700}.reset-card{width:min(560px,100%)}
.compact-actions{margin-top:0;flex-wrap:nowrap}
@media(max-width:1050px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:10px}}
@media(max-width:720px){.container{width:min(100% - 18px,1440px)}.topbar{position:sticky}.nav{min-height:auto;padding:10px 0;display:grid;grid-template-columns:1fr auto;gap:9px}.brand{font-size:1rem}.nav-links{grid-column:1/-1;grid-row:2;width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a{white-space:nowrap;padding:8px 10px}.account-menu{margin-left:0}.account-trigger{padding:6px 8px}.account-identity{max-width:150px;overflow:hidden;text-overflow:ellipsis}.hero{padding:34px 0 22px}.hero h1{font-size:clamp(2rem,10vw,3rem)}.hero p{font-size:.98rem}.card{padding:15px}.theme-grid{grid-template-columns:1fr}.theme-editor .section-title{align-items:flex-start;flex-direction:column}.preset-select{max-width:none;width:100%}.section-title{align-items:flex-start;flex-direction:column}.section-title>.btn,.section-title .actions{width:100%}.section-title>.btn{justify-content:center}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.actions{width:100%}.actions .btn,.actions a.btn{width:100%}.file-row{gap:10px}.profile-head h2{font-size:1.35rem}.profile-actions{width:100%}.profile-actions .btn{width:100%}.notification-item{padding:11px}.notification-item .panel-title{align-items:flex-start;flex-direction:column}.forum-media-grid{grid-template-columns:1fr}.table-wrap{border-radius:11px}table{min-width:980px}th,td{padding:10px 9px}.modal{padding:8px}.modal-box{max-height:94vh}.verify-card input#otpInput{font-size:1.4rem}.smtp-grid{grid-template-columns:1fr}.auth-shell{padding:12px}.auth-grid{grid-template-columns:1fr}.auth-card{padding:16px}}

.brand span{color:var(--primary)!important}.theme-editor{border-color:color-mix(in srgb,var(--primary) 28%,var(--line))}.card,.btn,input,select,textarea{transition:border-color .18s,box-shadow .18s,background .18s,color .18s,transform .18s}.reset-card{box-shadow:var(--shadow)}

/* Notification inbox */
.notification-count-badge,.notification-nav-badge,.dropdown-unread{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--primary);color:#fff;font-size:.72rem;font-weight:900;line-height:1;vertical-align:middle}.notification-nav-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;background:var(--danger)}.dropdown-unread{margin-left:7px}.notifications-panel .section-title{align-items:center}.notification-toolbar{display:flex;gap:7px;flex-wrap:wrap;padding:3px 0 14px;border-bottom:1px solid var(--line);margin-bottom:12px}.notification-filter{border:1px solid var(--line);background:transparent;color:var(--muted);padding:7px 11px;border-radius:10px;cursor:pointer}.notification-filter:hover,.notification-filter.active{background:rgba(255,255,255,.05);color:var(--text);border-color:color-mix(in srgb,var(--primary) 40%,var(--line))}.notification-item{align-items:flex-start}.notification-icon{width:38px;height:38px;border-radius:11px;background:var(--surface3);display:grid;place-items:center;flex:none;font-size:1.05rem}.notification-item.unread .notification-icon{box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 40%,transparent),0 0 20px color-mix(in srgb,var(--primary) 14%,transparent)}.notification-item.notif-frequency .notification-icon{background:color-mix(in srgb,var(--primary) 13%,var(--surface3))}.notification-item.notif-account .notification-icon{background:color-mix(in srgb,var(--success) 12%,var(--surface3))}.notification-item.notif-system .notification-icon{background:color-mix(in srgb,var(--warning) 10%,var(--surface3))}.notification-type{display:inline-block;color:var(--primary);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-right:7px}.notification-actions{display:flex;gap:7px;flex-wrap:wrap}.notification-actions .btn{width:auto}.notification-item .panel-title>div{display:flex;align-items:baseline;gap:2px;flex-wrap:wrap}@media(max-width:620px){.notification-toolbar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:10px}.notification-filter{white-space:nowrap}.notification-actions .btn{width:100%}.notifications-panel .section-title{align-items:flex-start}.notification-nav-badge{min-width:16px;height:16px;font-size:.65rem;padding:0 4px}.account-trigger{gap:7px}}


/* Account dropdown: important shortcuts */
.account-dropdown-separator{height:1px;background:var(--line);margin:5px 4px}.account-dropdown .account-logout{color:var(--danger)}

/* Mobile tables: readable card rows instead of tiny desktop tables */
@media(max-width:720px){
  .table-wrap{overflow:visible;border:0;background:transparent;box-shadow:none;padding:0}
  .table-wrap table{width:100%;min-width:0;border-collapse:separate;border-spacing:0;display:block}
  .table-wrap thead{display:none}
  .table-wrap tbody,.table-wrap tr,.table-wrap td{display:block;width:100%;min-width:0}
  .table-wrap tbody{display:grid;gap:12px}
  .table-wrap tr{background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.16)}
  .table-wrap td{display:grid;grid-template-columns:minmax(86px,30%) minmax(0,1fr);gap:12px;align-items:start;padding:11px 13px;border-bottom:1px solid var(--line);font-size:15px;line-height:1.45;overflow-wrap:anywhere}
  .table-wrap td:last-child{border-bottom:0}
  .table-wrap td::before{content:attr(data-label);color:var(--muted);font-size:.74rem;font-weight:850;text-transform:uppercase;letter-spacing:.045em;line-height:1.35}
  .table-wrap td > *{min-width:0}
  .table-wrap td .btn,.table-wrap td button{width:auto;justify-self:start}
  .table-wrap td .actions{grid-column:1/-1}
}
@media(max-width:420px){
  .table-wrap td{grid-template-columns:78px minmax(0,1fr);padding:10px 11px;gap:9px;font-size:14.5px}
  .table-wrap td::before{font-size:.68rem}
}


/* v19: mobile-safe layout and admin user management */
html{background:var(--bg)}
body{min-height:100dvh;overflow-x:hidden}
.topbar{padding-top:env(safe-area-inset-top)}
.footer{padding-bottom:calc(30px + env(safe-area-inset-bottom))}
.modal{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}
.admin-users-toolbar{margin-top:0}
.admin-user-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr) minmax(150px,1fr);gap:14px}
.admin-user-summary{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;padding-top:13px;border-top:1px solid var(--line);color:var(--muted)}
.admin-user-summary strong{color:var(--text)}
.admin-users-table-card{margin-top:14px}
.admin-user-cell{display:flex;align-items:center;gap:10px;min-width:180px}
.avatar-button{border:0;background:transparent;padding:0;display:block;cursor:pointer}
.admin-user-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:var(--surface3);display:grid;place-items:center;flex:none}
.admin-user-avatar.fallback{font-size:18px}
.presence{display:inline-flex;align-items:center;gap:7px;font-weight:800;white-space:nowrap}
.presence i{width:9px;height:9px;border-radius:50%;display:inline-block;background:#69768c}
.presence.on{color:#77e4b5}.presence.on i{background:#35c98a;box-shadow:0 0 0 4px rgba(53,201,138,.1)}
.presence.off{color:var(--muted)}
.stat-link{border:0;background:transparent;color:inherit;text-align:left;padding:0;cursor:pointer}
.stat-link:hover strong{color:var(--primary);text-decoration:underline}
.user-mini-stats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px;color:var(--muted);font-size:.84rem}
.user-mini-stats span{border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:8px;padding:4px 6px}
.admin-user-actions{display:flex;gap:6px;flex-wrap:wrap}
.admin-user-actions .btn{width:auto}
.user-detail-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);margin-bottom:14px}
.user-detail-identity{display:flex;align-items:center;gap:13px;min-width:0}.user-detail-identity h3{margin:0 0 3px}.user-detail-identity p{margin:0}
.detail-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:var(--surface3);display:grid;place-items:center}.detail-avatar.fallback{font-size:25px}
.detail-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}
.detail-stat-grid>div{padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);min-width:0}
.detail-stat-grid strong{display:block;margin-top:3px;overflow-wrap:anywhere}
.ip-chips{display:flex;flex-wrap:wrap;gap:7px}.ip-chips code{border:1px solid var(--line);background:var(--surface3);padding:6px 8px;border-radius:8px}
@media(max-width:1000px){.admin-user-filters{grid-template-columns:1fr 1fr}.detail-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){
  .container{width:calc(100% - 16px)}
  .topbar{background:rgba(7,11,20,.96)}
  .nav{min-height:62px;padding:8px 0;gap:8px}
  .brand{font-size:1rem}
  .nav-links{width:100%;overflow-x:auto;flex-wrap:nowrap;padding:2px 0 4px}
  .nav-links a{flex:0 0 auto;min-height:40px;display:inline-flex;align-items:center}
  .account-menu{max-width:70vw}
  .account-trigger{max-width:100%;min-height:42px}
  .account-identity{max-width:125px}
  main.container{padding-bottom:18px}
  .hero{padding:30px 0 18px}
  .hero h1{font-size:clamp(1.9rem,9vw,2.8rem);line-height:1.02}
  .section-title{margin:24px 0 11px}
  .card{padding:14px;border-radius:15px}
  .btn{min-height:42px}
  input,select,textarea{min-height:44px}
  .form-grid,.grid-2,.grid-3{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .stat .value{font-size:1.55rem}
  .admin-user-filters{grid-template-columns:1fr}
  .admin-user-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:.9rem}
  .admin-users-heading{align-items:flex-start}
  /* Mobile tables become large, readable cards instead of tiny desktop tables. */
  .table-wrap{overflow:visible;border:0;background:transparent}
  .table-wrap table{width:100%;min-width:0;border-collapse:separate;border-spacing:0;display:block}
  .table-wrap thead{display:none}
  .table-wrap tbody{display:grid;gap:10px;width:100%}
  .table-wrap tr{display:block;width:100%;background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.14)}
  .table-wrap td{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:start;padding:12px 13px;border-bottom:1px solid var(--line);font-size:15px;line-height:1.45;overflow-wrap:anywhere;min-width:0}
  .table-wrap td:last-child{border-bottom:0}
  .table-wrap td::before{content:attr(data-label);color:var(--muted);font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.045em}
  .table-wrap td>*{min-width:0}
  .table-wrap td .btn,.table-wrap td button{justify-self:start}
  .admin-users-table .table-wrap td{grid-template-columns:86px minmax(0,1fr)}
  .admin-users-table .admin-user-actions,.admin-users-table .actions{grid-column:1/-1}
  .admin-users-table .admin-user-actions .btn{flex:1 1 120px}
  .user-mini-stats{margin-bottom:6px}
  .detail-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .user-detail-head{align-items:flex-start;flex-direction:column}
  .user-detail-table td{grid-template-columns:86px minmax(0,1fr)}
  .modal{place-items:start center;overflow:auto}
  .modal-box{max-height:none;margin:5vh 0 2vh}
  .profile-card,.profile-head{flex-direction:column;align-items:flex-start}
  .profile-actions{width:100%}
  .profile-actions .btn{width:100%}
  .file-row{align-items:stretch}
  .file-row .actions{width:100%}
  .file-row .actions .btn{flex:1}
}
@media(max-width:420px){
  .container{width:calc(100% - 12px)}
  .stats{grid-template-columns:1fr}
  .table-wrap td{grid-template-columns:76px minmax(0,1fr);font-size:14.5px;padding:11px 10px}
  .admin-user-summary{grid-template-columns:1fr}
  .detail-stat-grid{grid-template-columns:1fr 1fr}
  .account-identity{max-width:105px}
  .nav-avatar{width:28px;height:28px}
}