:root{color-scheme:dark;--bg:#0b0d12;--panel:#11141b;--panel2:#171b24;--line:#262b38;--text:#f5f7fb;--muted:#9299a8;--accent:#7c5cff;--accent2:#9a86ff;--ok:#22c55e;--warn:#f59e0b;--bad:#ef4444;--shadow:0 18px 60px rgba(0,0,0,.34)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(900px 500px at 15% -10%,rgba(124,92,255,.17),transparent 58%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.boot{min-height:100vh;display:grid;place-items:center;align-content:center;gap:14px;color:var(--muted)}.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,430px);background:rgba(17,20,27,.94);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#4f46e5);font-weight:900;box-shadow:0 10px 30px rgba(124,92,255,.28)}.brand strong{display:block;font-size:17px}.brand small{display:block;color:var(--muted);margin-top:2px}.auth h1{font-size:24px;margin:28px 0 6px}.auth .lead{color:var(--muted);font-size:14px;line-height:1.55;margin:0 0 22px}.field{display:grid;gap:7px;margin-bottom:14px}.field label{font-size:12px;font-weight:700;color:#cdd2dc}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:#0e1118;color:var(--text);border-radius:11px;padding:11px 12px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,92,255,.12)}.textarea{min-height:84px;resize:vertical}.btn{border:1px solid transparent;border-radius:10px;padding:10px 13px;color:white;background:var(--accent);font-weight:750;transition:.16s transform,.16s filter,.16s background}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.secondary{background:var(--panel2);border-color:var(--line);color:var(--text)}.btn.ghost{background:transparent;border-color:var(--line);color:#c9cfda}.btn.danger{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.25);color:#fca5a5}.btn.success{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.24);color:#86efac}.btn.full{width:100%}.shell{min-height:100vh}.topbar{height:64px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);background:rgba(11,13,18,.9);backdrop-filter:blur(16px)}.topbar .brand-logo{width:36px;height:36px;border-radius:11px}.top-actions{display:flex;align-items:center;gap:10px}.user-chip{padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-size:12px;color:#d6dbe5;max-width:220px;overflow:hidden;text-overflow:ellipsis}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1600px;margin:auto}.sidebar{position:sticky;top:64px;height:calc(100vh - 64px);padding:18px 14px;border-right:1px solid var(--line);background:rgba(17,20,27,.45)}.nav{display:grid;gap:6px}.nav button{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:10px;padding:11px 12px;background:transparent;color:var(--muted);font-weight:700;text-align:left}.nav button:hover{background:var(--panel2);color:var(--text)}.nav button.active{background:var(--accent);color:#fff}.side-note{position:absolute;left:14px;right:14px;bottom:18px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#0e1118;color:var(--muted);font-size:11px;line-height:1.5}.main{padding:26px 28px 60px;min-width:0}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.section-head h1{margin:0;font-size:26px}.section-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.grid{display:grid;gap:14px}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);background:rgba(17,20,27,.86);border-radius:16px;padding:17px}.stat{display:flex;align-items:center;justify-content:space-between;gap:10px}.stat .value{font-size:28px;font-weight:850;letter-spacing:-.03em}.stat .label{color:var(--muted);font-size:12px;margin-top:4px}.icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(124,92,255,.12);color:#b9aaff;font-size:19px}.status{display:inline-flex;align-items:center;gap:6px;font-size:11px;border-radius:999px;padding:5px 8px;border:1px solid var(--line);white-space:nowrap}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted)}.status.ok{color:#86efac;background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.18)}.status.ok:before{background:var(--ok)}.status.warn{color:#fcd34d;background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.18)}.status.warn:before{background:var(--warn)}.status.bad{color:#fca5a5;background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.18)}.status.bad:before{background:var(--bad)}.modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mode{border:1px solid var(--line);background:#0e1118;border-radius:14px;padding:16px}.mode strong{display:block;margin-bottom:5px}.mode p{color:var(--muted);font-size:12px;line-height:1.5;margin:0}.mode .emoji{font-size:24px;margin-bottom:10px}.table-wrap{border:1px solid var(--line);border-radius:14px;overflow:auto;background:rgba(17,20,27,.85)}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:12px 13px;text-align:left;border-bottom:1px solid var(--line);font-size:12px;vertical-align:middle}th{position:sticky;top:0;background:#121620;color:#aab1bf;font-size:11px;text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:0}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:16px;font-weight:850;letter-spacing:.12em}.empty{padding:36px 20px;text-align:center;color:var(--muted);font-size:13px}.tabs{display:flex;gap:7px;margin:0 0 16px;flex-wrap:wrap}.tab{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:9px;padding:8px 11px;font-weight:700}.tab.active{background:var(--accent);color:white;border-color:var(--accent)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid .span-2{grid-column:1/-1}.panel-title{font-weight:800;margin:0 0 13px}.service-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.service-row:last-child{border-bottom:0}.service-main{display:flex;align-items:center;gap:11px;min-width:0}.service-icon{width:38px;height:38px;border-radius:10px;background:var(--panel2);display:grid;place-items:center;font-size:19px}.service-main strong{display:block}.service-main small{display:block;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:480px}.integration{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.integration h3{font-size:14px;margin:0 0 3px}.integration p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.integration code{display:block;margin-top:9px;padding:8px 10px;background:#0e1118;border:1px solid var(--line);border-radius:8px;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast{position:fixed;right:18px;bottom:18px;z-index:100;background:#151924;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:11px;padding:12px 14px;max-width:min(380px,calc(100vw - 36px));font-size:13px}.toast.ok{border-color:rgba(34,197,94,.3)}.toast.bad{border-color:rgba(239,68,68,.3)}
.password-success-dialog{text-align:center;padding:10px 4px 2px;position:relative;overflow:hidden}
.password-success-icon{width:82px;height:82px;margin:4px auto 16px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#34d399,#16a34a);box-shadow:0 16px 40px rgba(34,197,94,.28);animation:passwordSuccessPop .55s cubic-bezier(.2,.9,.2,1.2) both}
.password-success-icon .ui-icon{animation:passwordSuccessCheck .45s .2s ease both}
.password-success-kicker{display:block;font-size:10px;font-weight:800;letter-spacing:.16em;color:#22c55e;margin-bottom:8px;animation:passwordSuccessFade .35s .15s ease both}
.password-success-dialog h2{margin:0;font-size:22px;animation:passwordSuccessFade .4s .2s ease both}
.password-success-dialog p{margin:10px auto 18px;max-width:390px;color:var(--muted);line-height:1.6;font-size:13px;animation:passwordSuccessFade .4s .28s ease both}
.password-success-button{max-width:280px;margin:0 auto;animation:passwordSuccessFade .4s .34s ease both}
.password-success-burst{position:absolute;inset:28px 50% auto auto;transform:translateX(50%);width:120px;height:120px;pointer-events:none}
.password-success-burst i{position:absolute;left:50%;top:50%;width:5px;height:18px;border-radius:999px;background:#22c55e;transform-origin:50% 46px;opacity:0;animation:passwordSuccessBurst .7s .12s ease-out both}
.password-success-burst i:nth-child(1){transform:translate(-50%,-50%) rotate(0deg) translateY(-46px)}
.password-success-burst i:nth-child(2){transform:translate(-50%,-50%) rotate(60deg) translateY(-46px)}
.password-success-burst i:nth-child(3){transform:translate(-50%,-50%) rotate(120deg) translateY(-46px)}
.password-success-burst i:nth-child(4){transform:translate(-50%,-50%) rotate(180deg) translateY(-46px)}
.password-success-burst i:nth-child(5){transform:translate(-50%,-50%) rotate(240deg) translateY(-46px)}
.password-success-burst i:nth-child(6){transform:translate(-50%,-50%) rotate(300deg) translateY(-46px)}
@keyframes passwordSuccessPop{0%{opacity:0;transform:scale(.55) rotate(-8deg)}70%{opacity:1;transform:scale(1.08) rotate(2deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes passwordSuccessCheck{0%{opacity:0;transform:scale(.35) rotate(-20deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes passwordSuccessFade{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
@keyframes passwordSuccessBurst{0%{opacity:0}20%{opacity:1}100%{opacity:0;filter:blur(.4px)}}
@media (prefers-reduced-motion:reduce){.password-success-icon,.password-success-icon .ui-icon,.password-success-kicker,.password-success-dialog h2,.password-success-dialog p,.password-success-button,.password-success-burst i{animation:none!important}}.modal-backdrop{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.65);display:grid;place-items:center;padding:18px}.modal{width:min(100%,560px);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:18px;background:#11141b;box-shadow:var(--shadow);padding:20px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.modal-head h2{font-size:18px;margin:0}.close{border:1px solid var(--line);background:var(--panel2);color:var(--text);width:34px;height:34px;border-radius:9px}.public{min-height:100vh;display:grid;place-items:center;padding:22px}.public-card{width:min(100%,430px);background:rgba(17,20,27,.94);border:1px solid var(--line);border-radius:24px;padding:26px;text-align:center;box-shadow:var(--shadow)}.public-card .brand{justify-content:center}.public-card h1{font-size:26px;margin:24px 0 6px}.public-card .lead{font-size:13px;color:var(--muted);line-height:1.55}.big-code{margin:22px 0;padding:22px 14px;border:1px dashed rgba(124,92,255,.5);border-radius:16px;background:rgba(124,92,255,.06);font:900 38px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;overflow-wrap:anywhere}.timer{color:#aab1bf;font-size:12px;margin:10px 0 18px}.danger-box{padding:12px;border-radius:11px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);color:#fca5a5;font-size:12px;line-height:1.5;margin:14px 0}.setup{max-width:720px;margin:10vh auto;padding:22px}.setup pre{white-space:pre-wrap;background:#0b0e14;border:1px solid var(--line);border-radius:12px;padding:14px;color:#cbd5e1;overflow:auto}.mobile-nav{display:none}.search{max-width:320px}.hint{font-size:11px;color:var(--muted);line-height:1.5}.link{color:#b9aaff;text-decoration:none}.link:hover{text-decoration:underline}@media(max-width:1050px){.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:1fr 1fr}}@media(max-width:780px){.layout{display:block}.sidebar{display:none}.main{padding:18px 13px 90px}.topbar{padding:0 13px}.user-chip{display:none}.grid.cols-4,.grid.cols-3,.grid.cols-2,.modes,.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.section-head{flex-direction:column}.section-head .actions{width:100%}.section-head .actions .btn{flex:1}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(6,1fr);left:0;right:0;bottom:0;z-index:50;border-top:1px solid var(--line);background:rgba(11,13,18,.96);backdrop-filter:blur(14px);padding:7px 5px calc(7px + env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:transparent;color:var(--muted);font-size:9px;padding:5px 2px}.mobile-nav button span{display:block;font-size:17px;margin-bottom:2px}.mobile-nav button.active{color:#c4b5fd}.public-card{padding:22px 18px}.big-code{font-size:31px}.auth-card{padding:24px 20px}}@media(max-width:450px){.topbar .brand small{display:none}.main{padding-left:10px;padding-right:10px}.card{padding:14px}.mobile-nav{grid-template-columns:repeat(3,1fr);row-gap:2px}.main{padding-bottom:122px}}
.sidebar-label{font-size:10px;font-weight:800;letter-spacing:.14em;color:#6f7788;padding:4px 10px 10px}.side-note strong{color:#e8eaf0}.premium-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 16px rgba(34,197,94,.65);margin-right:5px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px;padding:26px 28px;border:1px solid rgba(124,92,255,.24);border-radius:22px;background:linear-gradient(135deg,rgba(124,92,255,.16),rgba(17,20,27,.92) 46%,rgba(17,20,27,.8));box-shadow:0 24px 70px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03)}.hero .eyebrow{font-size:10px;font-weight:900;letter-spacing:.17em;color:#ad9fff;margin-bottom:8px}.hero h1{font-size:32px;letter-spacing:-.04em;margin:0}.hero p{margin:7px 0 0;color:var(--muted);font-size:13px}.card,.table-wrap,.integration,.service-card{box-shadow:0 16px 48px rgba(0,0,0,.16)}.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;inset:auto -30px -55px auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.14),transparent 70%);pointer-events:none}.catalog-count{font-size:11px;font-weight:800;color:#c9c1ff;background:rgba(124,92,255,.09);border:1px solid rgba(124,92,255,.2);border-radius:999px;padding:7px 10px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;padding:16px;background:linear-gradient(180deg,rgba(23,27,36,.94),rgba(14,17,24,.96));transition:.18s transform,.18s border-color,.18s box-shadow}.service-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--service-accent)}.service-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--service-accent) 35%,var(--line));box-shadow:0 22px 60px rgba(0,0,0,.24)}.service-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.service-icon.premium{width:46px;height:46px;border-radius:14px;font-size:23px;background:color-mix(in srgb,var(--service-accent) 15%,var(--panel2));border:1px solid color-mix(in srgb,var(--service-accent) 28%,var(--line));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.service-card-body{padding:16px 0}.service-card-body h3{font-size:15px;margin:0 0 5px}.service-card-body p{font-size:11px;color:#b8bfcb;margin:0 0 8px}.service-card-body small{display:block;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-card,.public-card{border-color:rgba(124,92,255,.2);background:linear-gradient(180deg,rgba(17,20,27,.97),rgba(12,15,21,.97));box-shadow:0 30px 90px rgba(0,0,0,.4)}.topbar{box-shadow:0 8px 30px rgba(0,0,0,.14)}@media(max-width:1150px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.hero{padding:20px;align-items:flex-start;flex-direction:column}.hero h1{font-size:27px}.service-grid{grid-template-columns:1fr}.catalog-count{align-self:flex-start}}

.page-boot{min-height:45vh}.health-stack{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.stat-button{appearance:none;color:inherit;text-align:left;width:100%;cursor:pointer}.quick-row{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.section-head.compact{margin-top:24px;margin-bottom:12px}.section-head.compact h2{font-size:18px;margin:0}.activity-list{padding:0;overflow:hidden}.activity-item{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.activity-item:last-child{border-bottom:0}.activity-item strong{display:block;font-size:12px}.activity-item small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.activity-item time{font-size:10px;color:var(--muted);white-space:nowrap}.activity-icon{width:20px;height:20px;border-radius:50%;background:rgba(124,92,255,.12);display:grid;place-items:center;color:#c4b5fd}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.select.mini{width:auto;min-width:170px}.subtabs{display:flex;gap:8px;margin:-5px 0 14px}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.btn.small{padding:7px 9px;font-size:10px}.truncate-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.modal.wide{width:min(100%,760px)}.sender-preview{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.sender-preview span,.category-pill{font-size:9px;padding:4px 7px;border:1px solid var(--line);border-radius:999px;color:#aeb5c3;background:#0e1118}.category-pill{display:inline-flex;margin-bottom:8px;color:#c8c0ff;border-color:rgba(124,92,255,.24);background:rgba(124,92,255,.08)}.service-icon.premium img{width:100%;height:100%;object-fit:cover;border-radius:12px}.service-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.premium-integration{align-items:center}.integration-icon{width:44px;height:44px;border-radius:13px;background:var(--panel2);display:grid;place-items:center;font-size:22px;flex:0 0 auto}.grow{min-width:0;flex:1}.integration-summary{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:14px}.integration-summary span{color:var(--muted);font-size:12px}.system-health{margin-bottom:14px}.system-health .card h3{font-size:22px;margin:8px 0}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.14em;color:#8e82c7}.diag{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.diag>div{display:grid;gap:4px;padding:10px;border-radius:10px;background:#0e1118;border:1px solid var(--line)}.diag span{font-size:10px;color:var(--muted)}.diag strong{font-size:12px;overflow-wrap:anywhere}
@media(max-width:780px){.toolbar{align-items:stretch}.toolbar .search,.toolbar .select.mini{max-width:none;width:100%}.health-stack{justify-content:flex-start}.activity-item{grid-template-columns:24px minmax(0,1fr)}.activity-item time{grid-column:2}.diag{grid-template-columns:1fr 1fr}.quick-row .btn{flex:1}.subtabs .tab{flex:1}.service-actions{grid-template-columns:1fr}.truncate-cell{max-width:180px}}
@media(max-width:480px){.diag{grid-template-columns:1fr}.integration-summary{display:grid;gap:8px}.row-actions{min-width:180px}}

.service-actions.triple{grid-template-columns:1fr 1fr 1fr}.user-stats{margin-bottom:14px}.user-services{display:flex;gap:5px;flex-wrap:wrap}.user-services span{font-size:9px;padding:4px 7px;border:1px solid var(--line);border-radius:999px;background:#0e1118;color:#cbd1dc}.service-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.service-check{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#0e1118;border-radius:11px;padding:10px 11px;font-size:12px;cursor:pointer}.service-check input{accent-color:var(--accent)}@media(max-width:780px){.mobile-nav{grid-template-columns:repeat(7,1fr)}.service-actions.triple{grid-template-columns:1fr}.service-checks{grid-template-columns:1fr}}@media(max-width:520px){.mobile-nav{grid-template-columns:repeat(4,1fr);row-gap:2px}.main{padding-bottom:126px}}

.field-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.field-head label{margin:0}.sender-rows{display:grid;gap:8px}.sender-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.sender-title{margin-top:12px;margin-bottom:6px;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.sender-preview{max-height:126px;overflow:auto;padding-right:2px}.sender-preview span{overflow-wrap:anywhere}.sender-remove:disabled{opacity:.35}@media(max-width:560px){.field-head{align-items:flex-start;flex-direction:column}.field-head .btn{width:100%}.sender-row{grid-template-columns:1fr}.sender-row .btn{width:100%}}

/* Professional Admin v3 */
:root{--gold:#f2c66d;--cyan:#44d7ff;--blue:#5b8cff;--green:#4ade80;--violet:#9b7cff}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(700px 400px at 85% 0%,rgba(68,215,255,.05),transparent 60%),radial-gradient(800px 460px at 5% 100%,rgba(155,124,255,.06),transparent 65%);z-index:-1}.auth-kicker,.integration-kicker{font-size:9px;font-weight:900;letter-spacing:.18em;color:#9b8eff;text-transform:uppercase;margin-top:26px}.link-button{display:block;margin:14px auto 0;border:0;background:transparent;color:#aaa1dd;font-size:12px}.link-button:hover{color:#fff;text-decoration:underline}.stat-button{border-color:rgba(255,255,255,.055)}.stat-button.accent-violet .icon{color:#c8b8ff;background:rgba(155,124,255,.14)}.stat-button.accent-blue .icon{color:#a9c0ff;background:rgba(91,140,255,.14)}.stat-button.accent-cyan .icon{color:#a8eeff;background:rgba(68,215,255,.13)}.stat-button.accent-green .icon{color:#a4f4ba;background:rgba(74,222,128,.13)}.dashboard-split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:14px;margin:14px 0 20px}.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-title-row h3,.alert-card h3,.security-card h3,.archive-card h3{margin:5px 0 0;font-size:16px}.mini-chart{height:180px;display:flex;align-items:end;gap:10px;padding:18px 6px 4px;border-bottom:1px solid var(--line)}.bar-col{height:100%;flex:1;min-width:22px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar-stack{width:min(28px,80%);height:135px;display:flex;align-items:flex-end;justify-content:center;gap:3px}.bar{display:block;width:10px;min-height:2px;border-radius:6px 6px 2px 2px}.bar.web{background:linear-gradient(180deg,#44d7ff,#237ea0)}.bar.bot{background:linear-gradient(180deg,#9b7cff,#634fc7)}.bar-col small{font-size:9px;color:var(--muted)}.legend{display:flex;gap:16px;margin-top:12px;color:var(--muted);font-size:10px}.legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.web{background:#44d7ff}.legend-dot.bot{background:#9b7cff}.alert-list{display:grid;gap:8px;margin-top:14px}.alert{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#0e1118}.alert strong{display:block;font-size:11px}.alert small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.alert.ok{border-color:rgba(74,222,128,.16)}.alert.warn{border-color:rgba(245,158,11,.2)}.alert.bad{border-color:rgba(239,68,68,.22)}.service-access-editor{display:grid;gap:10px}.service-access-row{display:grid;grid-template-columns:minmax(170px,1.2fr) repeat(3,minmax(100px,.6fr));gap:8px;padding:11px;border:1px solid var(--line);border-radius:13px;background:#0d1017}.service-check.wide{height:100%;margin:0}.mini-field{display:grid;gap:4px}.mini-field span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.profile-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#0e1118;margin-bottom:14px}.profile-strip .avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(124,92,255,.12);font-size:20px}.profile-strip strong,.profile-strip small{display:block}.profile-strip small{color:var(--muted);font-size:10px;margin-top:3px}.service-history{display:grid;gap:8px}.history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border-bottom:1px solid var(--line)}.history-row:last-child{border-bottom:0}.history-row strong,.history-row small{display:block}.history-row small{font-size:10px;color:var(--muted);margin-top:3px}.credit-pill{padding:6px 9px;border-radius:999px;background:rgba(68,215,255,.08);border:1px solid rgba(68,215,255,.14);font-size:10px;color:#bcefff;font-weight:800}.diag-results{margin-top:14px}.diag-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.diag-row:last-child{border-bottom:0}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.security-card p{margin:6px 0 15px}.archive-list{display:grid;gap:8px;margin-top:12px}.archive-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#0e1118}.integration-kicker{margin:0 0 4px;font-size:8px}.premium-integration{position:relative;overflow:hidden}.premium-integration:after{content:"";position:absolute;inset:auto -40px -55px auto;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.1),transparent 70%);pointer-events:none}.service-card{backdrop-filter:blur(8px)}.service-card:hover{transform:translateY(-4px)}.topbar{border-bottom-color:rgba(255,255,255,.07)}.sidebar{border-right-color:rgba(255,255,255,.06)}.nav button.active{box-shadow:0 10px 30px rgba(124,92,255,.22)}.btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.btn:not(.ghost):not(.secondary):hover{box-shadow:0 10px 28px rgba(124,92,255,.2)}.modal{border-color:rgba(255,255,255,.08);background:linear-gradient(180deg,#121620,#0e1118)}.table-wrap{box-shadow:0 18px 52px rgba(0,0,0,.16)}
@media(max-width:980px){.dashboard-split,.system-grid{grid-template-columns:1fr}.service-access-row{grid-template-columns:1fr 1fr}.service-access-row .service-check{grid-column:1/-1}}
@media(max-width:780px){.mobile-nav{grid-template-columns:repeat(7,1fr)}.mobile-nav button{font-size:8px}.mobile-nav button span{font-size:16px}.dashboard-split{grid-template-columns:1fr}.mini-chart{height:150px}.bar-stack{height:110px}.service-access-row{grid-template-columns:1fr}.service-access-row .service-check{grid-column:auto}.profile-strip{grid-template-columns:auto minmax(0,1fr)}.profile-strip .status{grid-column:2}}
@media(max-width:520px){.mobile-nav{grid-template-columns:repeat(4,1fr)}.main{padding-bottom:128px}.mini-chart{gap:4px}.bar-stack{width:22px}.bar{width:8px}}

.totp-auto{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border:1px solid rgba(124,92,255,.22);border-radius:14px;background:linear-gradient(180deg,rgba(124,92,255,.09),rgba(14,17,24,.78))}.totp-auto-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(124,92,255,.14);font-size:18px;flex:0 0 auto}.totp-auto strong{display:block;font-size:12px}.totp-auto span{display:block;margin-top:4px;font-size:10px;line-height:1.45;color:var(--muted)}

/* Client screen - restored from the original MaelShare experience */
.client-public{--client-accent:#7c5cff;min-height:100vh;position:relative;overflow:hidden;display:grid;place-items:center;padding:24px;background:
radial-gradient(900px 540px at 50% -10%,color-mix(in srgb,var(--client-accent) 18%,transparent),transparent 62%),
radial-gradient(520px 420px at -10% 110%,rgba(34,197,94,.07),transparent 65%),
#090b10}
.client-public:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 30%,rgba(4,6,10,.66) 100%)}
.client-ambient{position:fixed;border-radius:50%;filter:blur(85px);opacity:.2;pointer-events:none}.client-ambient.one{width:520px;height:360px;top:-120px;left:50%;transform:translateX(-50%);background:var(--client-accent)}.client-ambient.two{width:340px;height:340px;bottom:-160px;right:-120px;background:#22c55e;opacity:.08}
.client-wrap{position:relative;z-index:2;width:min(100%,390px);display:grid;gap:22px;animation:clientScale .35s ease both}
.client-head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.client-head.active{gap:11px}.client-head h1{margin:0;font-size:31px;letter-spacing:-.045em;line-height:1.08;background:linear-gradient(90deg,#fff 0%,var(--client-accent) 45%,#fff 90%);background-size:200% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:clientShimmer 5s linear infinite}.client-head p{margin:0;max-width:320px;color:#9ca3af;font-size:13px;line-height:1.65}.client-head p strong{color:#edf0f7}
.client-logo-wrap{position:relative;display:grid;place-items:center;width:72px;height:72px;margin-bottom:2px}.client-logo-glow{position:absolute;inset:0;border-radius:20px;background:var(--client-accent);opacity:.2;filter:blur(10px);animation:clientPulse 2.2s ease-in-out infinite}.client-logo{position:relative;width:64px;height:64px;border-radius:19px;display:grid;place-items:center;overflow:hidden;background:color-mix(in srgb,var(--client-accent) 78%,#111827);border:1px solid color-mix(in srgb,var(--client-accent) 50%,#fff 8%);box-shadow:0 16px 45px color-mix(in srgb,var(--client-accent) 28%,transparent),inset 0 1px 0 rgba(255,255,255,.16)}.client-logo img{width:100%;height:100%;object-fit:cover}.client-logo-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:31px}
.client-service-pill,.client-brand-badge,.client-mode{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid color-mix(in srgb,var(--client-accent) 34%,#222838);background:color-mix(in srgb,var(--client-accent) 9%,rgba(15,18,25,.9));color:color-mix(in srgb,var(--client-accent) 76%,#fff);font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;padding:6px 9px}.client-brand-badge{color:#d9dced;background:rgba(17,20,27,.82);border-color:rgba(255,255,255,.08);font-size:11px;text-transform:none;letter-spacing:0}.client-brand-badge>span{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(135deg,var(--client-accent),#5c48d8);font-weight:900;color:#fff}.client-mode{margin-top:1px;color:#aab0c0;background:rgba(17,20,27,.75);border-color:rgba(255,255,255,.07)}
.client-premium-card,.client-state-card{position:relative;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(180deg,rgba(18,22,31,.97),rgba(12,15,22,.98));box-shadow:0 30px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035);padding:22px;backdrop-filter:blur(18px)}.client-premium-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(145deg,color-mix(in srgb,var(--client-accent) 40%,transparent),transparent 35%,rgba(255,255,255,.03));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.active-card{padding:24px}
.client-field{display:grid;gap:8px}.client-field label{font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#9097a7}.client-password{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;height:50px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(28,33,45,.72);padding:0 10px 0 13px;transition:.18s}.client-password:focus-within{border-color:color-mix(in srgb,var(--client-accent) 52%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--client-accent) 12%,transparent)}.client-password>span{font-size:14px;opacity:.7}.client-password input{border:0;outline:0;background:transparent;color:#f7f8fb;font-size:15px;min-width:0;width:100%;height:100%}.client-password input::placeholder{color:#6e7481}.client-password button{border:0;background:transparent;color:#9ca3af;font-size:15px;padding:7px;cursor:pointer}.client-form-error{padding:9px 10px;border:1px solid rgba(239,68,68,.18);background:rgba(239,68,68,.06);border-radius:10px;color:#fda4af;font-size:11px}
.client-primary{width:100%;min-height:50px;border:0;border-radius:13px;margin-top:16px;background:var(--client-accent);color:#fff;font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;box-shadow:0 13px 32px color-mix(in srgb,var(--client-accent) 28%,transparent);transition:.18s transform,.18s box-shadow}.client-primary:hover{transform:translateY(-1px);box-shadow:0 16px 36px color-mix(in srgb,var(--client-accent) 34%,transparent)}.client-primary:active{transform:translateY(0)}.client-primary span{font-size:14px}
.client-info,.client-security-note{display:flex;gap:9px;align-items:flex-start;margin-top:14px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(28,33,45,.48);padding:10px 11px;color:#8f96a5;font-size:10px;line-height:1.5}.client-info>span,.client-security-note>span{flex:1}
.client-id{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:15px;margin-top:15px;border-top:1px solid rgba(255,255,255,.06)}.client-id>span{font-size:8px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#747b8b}.client-id-code{border:1px solid rgba(255,255,255,.08);background:#0f1219;color:#e4e7ef;border-radius:9px;padding:7px 11px;font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;cursor:pointer}.client-id-code:hover{border-color:color-mix(in srgb,var(--client-accent) 35%,rgba(255,255,255,.08))}
.client-trust{display:flex;justify-content:center;align-items:center;gap:12px;color:#737b8a;font-size:8px;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.client-trust span{display:inline-flex;align-items:center;gap:4px}.client-trust span:first-child{color:#79c58d}.client-trust i{width:3px;height:3px;border-radius:50%;background:#3b414d}
.client-code-box{border:2px dashed color-mix(in srgb,var(--client-accent) 38%,#2b313d);background:color-mix(in srgb,var(--client-accent) 6%,rgba(24,29,39,.72));border-radius:17px;padding:25px 14px;text-align:center}.client-code{font:950 42px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.18em;color:var(--client-accent);text-shadow:0 7px 25px color-mix(in srgb,var(--client-accent) 22%,transparent);overflow-wrap:anywhere}.client-code.waiting{font-size:18px;letter-spacing:0;color:#8e95a4;text-shadow:none}
.client-timer{display:grid;gap:8px;margin-top:14px}.client-timer>div:first-child{display:flex;align-items:center;justify-content:space-between;color:#818897;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.client-timer strong{color:#b7beca;font-size:10px}.client-progress-track{height:5px;border-radius:999px;background:#1d222c;overflow:hidden}.client-progress-track i{display:block;height:100%;width:100%;border-radius:inherit;background:var(--client-accent);transition:width 1s linear}.client-totp-tick{text-align:center;color:#8e95a4;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.client-actions{display:grid;grid-template-columns:1fr 52px;gap:8px;margin-top:17px}.client-actions .client-primary{margin:0;height:52px}.client-refresh{height:52px;width:52px;border-radius:13px;border:1px solid rgba(255,255,255,.08);background:#12161f;color:#c1c6d0;font-size:22px;cursor:pointer}.client-refresh:hover{border-color:color-mix(in srgb,var(--client-accent) 35%,rgba(255,255,255,.08));color:#fff}.client-refresh.spin{animation:clientSpin .65s linear infinite}
.client-state-card{text-align:center;padding:30px 24px}.client-state-card.bad{border-color:rgba(239,68,68,.14);background:linear-gradient(180deg,rgba(46,19,25,.32),rgba(12,15,22,.98))}.client-state-card.warn{border-color:rgba(245,158,11,.14);background:linear-gradient(180deg,rgba(50,36,17,.26),rgba(12,15,22,.98))}.client-state-icon{width:60px;height:60px;margin:0 auto 15px;border-radius:50%;display:grid;place-items:center;font-size:26px;background:rgba(239,68,68,.08)}.client-state-card.warn .client-state-icon{background:rgba(245,158,11,.08)}.client-state-card h1{font-size:21px;margin:0 0 8px}.client-state-card p{font-size:12px;color:#9ca3af;line-height:1.6;margin:0 auto;max-width:300px}.client-state-note{margin-top:16px;color:#7f8796;font-size:10px}
@keyframes clientPulse{0%,100%{transform:scale(.94);opacity:.12}50%{transform:scale(1.14);opacity:.3}}@keyframes clientScale{from{opacity:0;transform:scale(.965) translateY(7px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes clientShimmer{to{background-position:200% center}}@keyframes clientSpin{to{transform:rotate(360deg)}}
@media(max-width:520px){.client-public{padding:18px 14px}.client-wrap{gap:18px}.client-head h1{font-size:27px}.client-premium-card{padding:18px}.active-card{padding:19px}.client-code{font-size:34px}.client-actions{grid-template-columns:1fr 48px}.client-refresh{width:48px;height:50px}.client-trust{gap:8px;font-size:7px}}


/* MaelShare Design System v4 */
:root{
 --bg:#090b10;--bg-soft:#0d1016;--panel:#11151d;--panel2:#171c26;--panel3:#1c2230;
 --line:rgba(255,255,255,.075);--line-strong:rgba(255,255,255,.12);
 --text:#f7f8fc;--text2:#d6dbe6;--muted:#8d95a5;
 --accent:#7867ff;--accent2:#9b8cff;--accent-soft:rgba(120,103,255,.12);
 --ok:#32d583;--warn:#f7b84b;--bad:#f97066;--info:#47c8ff;
 --shadow-sm:0 8px 26px rgba(0,0,0,.18);--shadow:0 22px 70px rgba(0,0,0,.32);
 --radius-sm:10px;--radius:15px;--radius-lg:22px;
 color-scheme:dark
}
:root[data-theme="light"]{
 --bg:#f5f7fb;--bg-soft:#edf1f7;--panel:#ffffff;--panel2:#f6f8fc;--panel3:#eef2f8;
 --line:rgba(22,31,49,.09);--line-strong:rgba(22,31,49,.15);
 --text:#151923;--text2:#303849;--muted:#6d7687;
 --accent:#6657f5;--accent2:#7c6df7;--accent-soft:rgba(102,87,245,.09);
 --ok:#159b61;--warn:#c97b12;--bad:#d54d46;--info:#087da8;
 --shadow-sm:0 8px 28px rgba(32,48,75,.07);--shadow:0 24px 70px rgba(34,48,75,.11);
 color-scheme:light
}
html{background:var(--bg);scroll-behavior:smooth}body{background:var(--bg);color:var(--text);transition:background .24s ease,color .24s ease}
body:before{background:radial-gradient(800px 430px at 88% -5%,rgba(71,200,255,.055),transparent 62%),radial-gradient(760px 440px at 6% 104%,rgba(120,103,255,.07),transparent 64%);transition:opacity .25s ease}
:root[data-theme="light"] body:before{background:radial-gradient(720px 420px at 90% -10%,rgba(71,200,255,.09),transparent 62%),radial-gradient(760px 440px at 0% 105%,rgba(120,103,255,.08),transparent 64%)}
.ui-icon{display:inline-block;vertical-align:-.15em;flex:0 0 auto}
.icon-label{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.icon-btn{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;display:grid;place-items:center;background:var(--panel);color:var(--text2);transition:.18s ease;box-shadow:var(--shadow-sm)}
.icon-btn:hover{transform:translateY(-1px);border-color:var(--line-strong);color:var(--text);background:var(--panel2)}
.topbar{height:68px;background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom:1px solid var(--line);box-shadow:none}
.layout{grid-template-columns:236px minmax(0,1fr);max-width:none}
.sidebar{top:68px;height:calc(100vh - 68px);padding:20px 14px;background:color-mix(in srgb,var(--panel) 64%,transparent);border-right:1px solid var(--line)}
.nav{gap:14px}.nav-group{display:grid;gap:4px}.nav-group>small{padding:0 10px 6px;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.nav button{gap:11px;padding:10px 11px;color:var(--muted);border:1px solid transparent;border-radius:11px;transition:.16s ease}
.nav button span{font-size:12px}.nav button:hover{background:var(--panel2);color:var(--text);border-color:var(--line)}
.nav button.active{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#352b86));color:#fff;border-color:transparent;box-shadow:0 10px 26px rgba(105,86,245,.2)}
.side-note{display:grid;gap:5px;background:var(--panel);border-color:var(--line);box-shadow:var(--shadow-sm)}
.side-note>span{display:flex;align-items:center;color:var(--text2);font-size:10px}.side-note>small{font-size:9px;color:var(--muted)}
.main{padding:30px 32px 64px;max-width:1480px;width:100%;margin:0 auto}.page-enter{animation:pageEnter .24s ease both}
.section-head{align-items:center;margin-bottom:22px}.section-head h1{font-size:28px;letter-spacing:-.035em}.section-head p{font-size:12px;line-height:1.55}
.card,.table-wrap,.service-card,.auth-card,.modal,.premium-integration{background:var(--panel);border-color:var(--line);box-shadow:var(--shadow-sm)}
.card{border-radius:var(--radius);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.stat-button:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:var(--shadow)}
.stat .value{font-size:30px}.stat .label{color:var(--muted)}
.icon,.mode-icon,.integration-icon{display:grid;place-items:center;background:var(--accent-soft);color:var(--accent2);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line))}
.mode-icon{width:42px;height:42px;border-radius:12px;margin-bottom:12px}
.mode{background:var(--panel);border-color:var(--line);box-shadow:var(--shadow-sm);transition:.18s ease}.mode:hover{transform:translateY(-2px);border-color:var(--line-strong)}
.mode strong{font-size:13px}.mode p{font-size:11px}
.btn{border-radius:11px;min-height:38px;transition:transform .14s ease,box-shadow .18s ease,filter .18s ease;background:linear-gradient(135deg,var(--accent),#6352e7)}
.btn:hover{box-shadow:0 10px 24px rgba(102,87,245,.2)}.btn.secondary{background:var(--panel2);border-color:var(--line);color:var(--text)}.btn.ghost{background:transparent;border-color:var(--line);color:var(--text2)}
.input,.select,.textarea{background:var(--panel2);border-color:var(--line);color:var(--text);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.input::placeholder,.textarea::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent)}
.field label{color:var(--text2)}th{background:var(--panel2);color:var(--muted)}td{color:var(--text2)}
tbody tr{transition:background .14s ease}tbody tr:hover{background:color-mix(in srgb,var(--accent) 4%,transparent)}
.status{background:var(--panel2);border-color:var(--line)}.status:before{display:none}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 3px color-mix(in srgb,var(--muted) 12%,transparent)}
.status.ok .status-dot{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 12%,transparent)}.status.warn .status-dot{background:var(--warn);box-shadow:0 0 0 3px color-mix(in srgb,var(--warn) 12%,transparent)}.status.bad .status-dot{background:var(--bad);box-shadow:0 0 0 3px color-mix(in srgb,var(--bad) 12%,transparent)}
.hero{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--panel)),var(--panel) 45%,color-mix(in srgb,var(--info) 4%,var(--panel)));border-color:color-mix(in srgb,var(--accent) 22%,var(--line));box-shadow:var(--shadow-sm)}
.hero h1{font-size:34px}.hero .eyebrow,.eyebrow{color:color-mix(in srgb,var(--accent) 78%,var(--text))}
.alert,.service-access-row,.profile-strip,.archive-list>div,.diag>div,.sender-preview span,.category-pill,.service-check{background:var(--panel2);border-color:var(--line)}
.integration code,.side-note,.sender-preview span{background:var(--bg-soft)}
.integration-summary span{display:inline-flex;align-items:center;gap:6px}
.modal-backdrop{background:rgba(4,6,10,.58);backdrop-filter:blur(7px)}.modal{background:var(--panel);animation:modalIn .2s ease both}
.close{background:var(--panel2);border-color:var(--line);color:var(--text)}
.mobile-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mobile-more-item{display:grid;place-items:center;gap:8px;padding:18px 10px;border:1px solid var(--line);border-radius:13px;background:var(--panel2);color:var(--text)}.mobile-more-item span{font-size:11px;font-weight:750}
.toast{background:var(--panel);color:var(--text);border-color:var(--line);box-shadow:var(--shadow);animation:toastIn .22s ease both}
.auth-card{background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--panel) 92%,var(--accent) 8%))}
.client-public{background:radial-gradient(900px 540px at 50% -10%,color-mix(in srgb,var(--client-accent) 18%,transparent),transparent 62%),radial-gradient(520px 420px at -10% 110%,rgba(34,197,94,.07),transparent 65%),var(--bg)}
:root[data-theme="light"] .client-public{background:radial-gradient(850px 480px at 50% -10%,color-mix(in srgb,var(--client-accent) 12%,transparent),transparent 60%),#f5f7fb}
:root[data-theme="light"] .client-premium-card,:root[data-theme="light"] .client-state-card{background:rgba(255,255,255,.94);border-color:rgba(18,26,42,.1);box-shadow:0 28px 80px rgba(34,48,75,.13)}
:root[data-theme="light"] .client-head p,:root[data-theme="light"] .client-field label,:root[data-theme="light"] .client-info,:root[data-theme="light"] .client-security-note,:root[data-theme="light"] .client-trust{color:#6d7687}
:root[data-theme="light"] .client-password,:root[data-theme="light"] .client-id-code,:root[data-theme="light"] .client-refresh{background:#f2f5fa;color:#202737;border-color:rgba(18,26,42,.1)}
:root[data-theme="light"] .client-password input{color:#151923}
:root[data-theme="light"] .client-brand-badge,:root[data-theme="light"] .client-mode{background:rgba(255,255,255,.84);color:#4c5566;border-color:rgba(18,26,42,.1)}
:root[data-theme="light"] .client-code-box{background:color-mix(in srgb,var(--client-accent) 5%,#fff);border-color:color-mix(in srgb,var(--client-accent) 34%,#dce2eb)}
:root[data-theme="light"] .client-progress-track{background:#e7ebf2}
.client-state-icon .ui-icon{width:28px;height:28px}.client-info>.ui-icon,.client-security-note>.ui-icon{margin-top:1px;flex:0 0 auto}.client-trust .ui-icon{vertical-align:middle}
@keyframes pageEnter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes modalIn{from{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:none}}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:780px){
 .topbar{height:62px}.layout{display:block}.main{padding:20px 14px 88px}.mobile-nav{grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--bg) 92%,transparent);border-color:var(--line);backdrop-filter:blur(18px)}
 .mobile-nav button{display:grid;place-items:center;gap:3px;color:var(--muted)}.mobile-nav button.active{color:var(--accent2)}.mobile-nav button span{font-size:8px;margin:0}.mobile-nav .ui-icon{width:18px;height:18px}
 .section-head h1{font-size:24px}.hero h1{font-size:29px}
}
@media(max-width:520px){.mobile-nav{grid-template-columns:repeat(5,1fr);row-gap:0}.main{padding-bottom:88px}.mobile-more-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.service-preview-card{--service-accent:var(--accent);display:flex;align-items:center;gap:12px;padding:13px;border:1px solid color-mix(in srgb,var(--service-accent) 26%,var(--line));border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--service-accent) 8%,var(--panel2)),var(--panel2))}
.service-preview-logo{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;overflow:hidden;color:var(--service-accent);background:color-mix(in srgb,var(--service-accent) 11%,var(--panel));border:1px solid color-mix(in srgb,var(--service-accent) 24%,var(--line));flex:0 0 auto}.service-preview-logo img{width:100%;height:100%;object-fit:cover}.service-preview-card strong,.service-preview-card small{display:block}.service-preview-card strong{margin:2px 0 3px}.service-preview-card small{font-size:10px;color:var(--muted)}
.color-field{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px}.color-field input[type=color]{width:44px;height:42px;border:1px solid var(--line);border-radius:11px;padding:4px;background:var(--panel2)}
.close .close-x{transform:rotate(45deg)}.activity-icon{font-size:0}.activity-icon:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent2);box-shadow:0 0 0 4px var(--accent-soft)}


/* Premium UX v5 */
.page-loading{padding:4px 0}.skeleton-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.skeleton-card,.skeleton-table{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);overflow:hidden}.skeleton-card{padding:18px;display:grid;gap:12px;min-height:126px}.skeleton-card i,.skeleton-card b,.skeleton-card span,.skeleton-table i,.skeleton-table span{display:block;border-radius:8px;background:linear-gradient(90deg,var(--panel2),color-mix(in srgb,var(--panel2) 60%,var(--text) 6%),var(--panel2));background-size:220% 100%;animation:skeletonMove 1.4s ease infinite}.skeleton-card i{width:42px;height:42px}.skeleton-card b{width:42%;height:22px}.skeleton-card span{width:70%;height:10px}.skeleton-table>div{display:grid;grid-template-columns:48px 1.4fr 1fr 1fr;gap:14px;padding:14px;border-bottom:1px solid var(--line)}.skeleton-table>div:last-child{border-bottom:0}.skeleton-table i{width:36px;height:36px}.skeleton-table span{height:10px;align-self:center}
.search-wrap{position:relative;display:flex;align-items:center;min-width:min(100%,320px)}.search-wrap>.ui-icon{position:absolute;left:12px;color:var(--muted);z-index:1}.search-wrap .input{padding-left:37px;max-width:none}.identity-cell{display:flex;align-items:center;gap:10px}.identity-cell>div:last-child{display:grid;gap:3px}.mini-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent2);font-weight:900;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line))}.service-inline,.mode-chip{display:inline-flex;align-items:center;gap:6px}.mode-chip{padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--panel2);font-size:10px;color:var(--text2)}.table-action{width:32px;height:32px;box-shadow:none}.click-row{cursor:pointer}
.drawer-backdrop{position:fixed;inset:0;z-index:90;background:rgba(4,6,10,.34);backdrop-filter:blur(4px);opacity:0;transition:opacity .18s ease}.drawer-backdrop.open{opacity:1}.drawer{position:absolute;top:0;right:0;height:100%;width:min(100%,480px);overflow:auto;background:var(--panel);border-left:1px solid var(--line);box-shadow:-28px 0 80px rgba(0,0,0,.24);padding:24px;transform:translateX(100%);transition:transform .22s ease}.drawer-backdrop.open .drawer{transform:none}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--line)}.drawer-head h2{margin:5px 0 3px;font-size:24px;letter-spacing:-.03em}.drawer-head p{margin:0;color:var(--muted);font-size:11px}.detail-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0}.detail-hero>div:last-child{display:grid;justify-items:end;gap:6px}.detail-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent2);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line))}.detail-list{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden}.detail-list>div{padding:13px;background:var(--panel2);border-bottom:1px solid var(--line)}.detail-list>div:nth-child(odd){border-right:1px solid var(--line)}.detail-list>div.span{grid-column:1/-1;border-right:0}.detail-list span,.detail-list strong{display:block}.detail-list span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.detail-list strong{font-size:12px}.copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.copy-field code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text2);font-size:10px}.drawer-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:18px}.confirm-dialog{text-align:center;padding:10px 4px 2px}.confirm-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin:0 auto 13px;background:var(--accent-soft);color:var(--accent2)}.confirm-icon.danger{background:color-mix(in srgb,var(--bad) 10%,var(--panel2));color:var(--bad)}.confirm-dialog h2{margin:0 0 7px}.confirm-dialog p{margin:0 auto;color:var(--muted);font-size:12px;line-height:1.55;max-width:390px}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.empty-state{padding:46px 20px;text-align:center;display:grid;justify-items:center;gap:8px}.empty-state .empty-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent2);margin-bottom:3px}.empty-state h3{margin:0;font-size:15px}.empty-state p{margin:0 0 7px;color:var(--muted);font-size:11px;max-width:320px;line-height:1.55}.password-admin{grid-template-columns:minmax(0,1fr) 42px auto}.error-state{display:flex;gap:12px;align-items:flex-start;color:var(--bad)}.error-state h2{margin:0 0 4px;color:var(--text)}.error-state p{margin:0}
@keyframes skeletonMove{to{background-position:-220% 0}}
@media(max-width:900px){.skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer-actions{grid-template-columns:1fr}.detail-list{grid-template-columns:1fr}.detail-list>div:nth-child(odd){border-right:0}.detail-list>div.span{grid-column:auto}}
@media(max-width:560px){.skeleton-grid{grid-template-columns:1fr}.drawer{width:100%;padding:18px}.confirm-actions{grid-template-columns:1fr}.password-admin{grid-template-columns:minmax(0,1fr) 42px}.password-admin .btn{grid-column:1/-1}}


/* Professional hierarchy + light theme cleanup v6 */
:root{
 --surface-0:var(--bg);
 --surface-1:var(--panel);
 --surface-2:var(--panel2);
 --surface-3:var(--panel3);
 --control-bg:color-mix(in srgb,var(--panel2) 94%,var(--accent) 6%);
 --soft-text:var(--muted);
}
body,.shell,.layout,.main{background-color:transparent}
.topbar,.sidebar,.mobile-nav{color:var(--text)}
.brand strong,.section-head h1,.section-head h2,.card h2,.card h3,.modal h2,.drawer h2{color:var(--text)}
.brand small,.section-head p,.muted,.hint{color:var(--muted)}
.user-chip{background:var(--surface-2);border:1px solid var(--line);color:var(--text2)}
.card,.service-card,.table-wrap,.modal,.drawer,.auth-card,.premium-integration{color:var(--text)}
.toolbar{position:relative;z-index:1;background:color-mix(in srgb,var(--surface-1) 76%,transparent);border:1px solid var(--line);border-radius:14px;padding:9px;box-shadow:var(--shadow-sm)}
.subtabs{position:relative;z-index:2;border:1px solid var(--line);background:var(--surface-1);border-radius:13px;padding:4px;width:max-content;max-width:100%;box-shadow:var(--shadow-sm)}
.tab{color:var(--muted);background:transparent;border:0;border-radius:9px}.tab.active{color:#fff;background:linear-gradient(135deg,var(--accent),#6352e7);box-shadow:0 8px 22px rgba(102,87,245,.18)}
:root[data-theme="light"] .tab.active{color:#fff}
table{background:var(--surface-1)}thead{position:sticky;top:0;z-index:2}th{background:color-mix(in srgb,var(--surface-2) 96%,var(--accent) 4%);color:var(--muted);border-bottom:1px solid var(--line)}td{border-bottom:1px solid var(--line);color:var(--text2)}
tbody tr:last-child td{border-bottom:0}
code,.mono{color:var(--text2)}
.btn.danger{background:color-mix(in srgb,var(--bad) 13%,var(--surface-2));color:var(--bad);border-color:color-mix(in srgb,var(--bad) 25%,var(--line));box-shadow:none}
.btn.danger:hover{background:color-mix(in srgb,var(--bad) 18%,var(--surface-2));box-shadow:0 10px 24px color-mix(in srgb,var(--bad) 12%,transparent)}
.input,.select,.textarea{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 3%,transparent)}
.input:focus,.select:focus,.textarea:focus{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));box-shadow:0 0 0 3px var(--accent-soft)}
.status{color:var(--text2)}
.drawer{background:linear-gradient(180deg,var(--surface-1),color-mix(in srgb,var(--surface-1) 96%,var(--accent) 4%))}
.detail-list>div{background:var(--surface-2)}
.access-used-banner{display:flex;gap:11px;align-items:flex-start;margin:0 0 16px;padding:12px 13px;border-radius:13px;border:1px solid color-mix(in srgb,var(--warn) 25%,var(--line));background:color-mix(in srgb,var(--warn) 8%,var(--surface-2));color:var(--warn)}
.access-used-banner>div{display:grid;gap:3px}.access-used-banner strong{font-size:11px;color:var(--text)}.access-used-banner span{font-size:10px;line-height:1.45;color:var(--muted)}
.inline-actions{display:flex;gap:6px}.drawer-actions.four{grid-template-columns:repeat(2,minmax(0,1fr))}
.timeline-head{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.timeline-head h3{margin:4px 0 12px;color:var(--text)}
.timeline{display:grid;gap:0}.timeline-item{position:relative;display:grid;grid-template-columns:15px 1fr;gap:9px;padding:9px 0}.timeline-item i{width:8px;height:8px;margin-top:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.timeline-item:not(:last-child):before{content:"";position:absolute;left:3px;top:20px;bottom:-4px;width:1px;background:var(--line)}.timeline-item strong,.timeline-item span{display:block}.timeline-item strong{font-size:11px;color:var(--text2);font-weight:700}.timeline-item span{font-size:9px;color:var(--muted);margin-top:2px}
.empty.mini{padding:16px 0;text-align:left;color:var(--muted)}
:root[data-theme="light"] .topbar{background:rgba(255,255,255,.86);box-shadow:0 1px 0 rgba(22,31,49,.06)}
:root[data-theme="light"] .sidebar{background:rgba(249,251,254,.9)}
:root[data-theme="light"] .card,:root[data-theme="light"] .service-card,:root[data-theme="light"] .table-wrap,:root[data-theme="light"] .modal,:root[data-theme="light"] .drawer,:root[data-theme="light"] .auth-card{background:#fff}
:root[data-theme="light"] .btn.secondary,:root[data-theme="light"] .btn.ghost,:root[data-theme="light"] .icon-btn{background:#f7f9fc;color:#303849;border-color:rgba(22,31,49,.1)}
:root[data-theme="light"] .input,:root[data-theme="light"] .select,:root[data-theme="light"] .textarea{background:#f8fafd;color:#151923;border-color:rgba(22,31,49,.1)}
:root[data-theme="light"] .toolbar{background:rgba(255,255,255,.82)}
:root[data-theme="light"] th{background:#f4f7fb}
:root[data-theme="light"] tbody tr:hover{background:#f8f9fd}
:root[data-theme="light"] .detail-list>div,:root[data-theme="light"] .service-access-row,:root[data-theme="light"] .profile-strip,:root[data-theme="light"] .archive-list>div{background:#f8fafd}
:root[data-theme="light"] .side-note,:root[data-theme="light"] .sender-preview span,:root[data-theme="light"] .integration code{background:#f3f6fa}
:root[data-theme="light"] .client-public:after{background:radial-gradient(circle at center,transparent 46%,rgba(180,190,210,.18) 100%)}
:root[data-theme="light"] .client-head h1{background:linear-gradient(90deg,#151923 0%,var(--client-accent) 48%,#151923 100%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent}
@media(max-width:900px){.drawer-actions.four{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.toolbar{padding:7px}.subtabs{width:100%}.subtabs .tab{flex:1}.drawer-actions.four{grid-template-columns:1fr}}

.detail-section-title{margin:18px 0 8px;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.user-access-history{display:grid;gap:2px}
.drawer .status{white-space:nowrap}

/* Confirmations opened from drawers must remain above the drawer. */
.modal-backdrop{z-index:100}
.client-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}
.client-state-card .client-primary{margin-top:18px}
.client-state-card p{color:var(--muted)}
.client-state-card h1{color:var(--text)}
.brand-logo{color:#fff}
:root[data-theme="light"] .auth-kicker,:root[data-theme="light"] .link-button{color:var(--accent)}
:root[data-theme="light"] .side-note strong{color:var(--text2)}
:root[data-theme="light"] .status.ok{color:#087344}
:root[data-theme="light"] .status.warn{color:#925600}
:root[data-theme="light"] .status.bad{color:#b82935}
:root[data-theme="light"] .accent-violet .icon{color:#6551d9}
:root[data-theme="light"] .accent-blue .icon{color:#365fc6}
:root[data-theme="light"] .accent-cyan .icon{color:#087f9d}
:root[data-theme="light"] .accent-green .icon{color:#087744}
:root[data-theme="light"] .client-state-card.bad,:root[data-theme="light"] .client-state-card.warn{background:var(--panel)}
@media(prefers-reduced-motion:reduce){.drawer,.drawer-backdrop,.modal{animation:none;transition:none}}

/* Premium v8: hierarchy, readable light surfaces and deliberate motion. */
[hidden]{display:none!important}
:root{--ease-out:cubic-bezier(.22,1,.36,1);--motion-fast:160ms;--motion-panel:320ms}
:root[data-theme="light"]{--muted:#56647a;--text2:#273449;--accent2:#6550d8;--line:rgba(70,83,125,.14)}
html{scrollbar-gutter:stable}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.shell .main{animation:none}
.main>.section-head,.main>.hero,.main>.grid,.main>.dashboard-split,.main>.activity-section,.main>.table-wrap,.main>#accessTable,.main>#serviceGrid{animation:panelReveal var(--motion-panel) var(--ease-out) both}
.main>.grid{animation-delay:35ms}.main>.dashboard-split{animation-delay:70ms}.main>.activity-section{animation-delay:100ms}
@keyframes panelReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.nav button,.btn,.icon-btn,.service-card,.stat-button,.client-primary,.client-refresh{transition:background-color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast) var(--ease-out)}
.nav button.active{box-shadow:0 7px 20px color-mix(in srgb,var(--accent) 22%,transparent)}
.btn:active,.icon-btn:active,.client-primary:active,.client-refresh:active{transform:scale(.97)}
.mini-chart .bar{transform-origin:bottom;animation:barReveal 650ms var(--ease-out) both}
@keyframes barReveal{from{transform:scaleY(.08)}to{transform:scaleY(1)}}
@media(hover:hover) and (pointer:fine){.stat-button:hover,.service-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:color-mix(in srgb,var(--accent) 32%,var(--line))}.nav button:not(.active):hover .ui-icon{transform:translateX(2px)}}
@media(hover:none){.btn:hover,.icon-btn:hover,.service-card:hover,.stat-button:hover{transform:none}}
.table-action{min-width:86px;width:auto;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;position:relative;z-index:1;white-space:nowrap}
.table-action .ui-icon{pointer-events:none}.table-action span{pointer-events:none}
.button-spinner{display:inline-block;flex:0 0 auto;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}
button[aria-busy="true"]{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:wait}
.drawer-loading{display:flex;gap:10px;align-items:center;padding:24px 0;color:var(--muted);font-size:13px}
.modal-backdrop.closing,.drawer-backdrop.closing{opacity:0;pointer-events:none;transition:opacity .16s ease}
.modal-backdrop{animation:overlayReveal .18s ease both}.modal{transform-origin:50% 40%}
@keyframes overlayReveal{from{opacity:0}to{opacity:1}}
.clipboard-buffer{position:fixed;left:-9999px;top:0}.copy-manual{min-height:130px}
.detail-list strong{overflow-wrap:anywhere}.drawer{overscroll-behavior:contain}
.activity-section{margin-top:30px}.activity-size{display:flex;gap:9px;align-items:center;white-space:nowrap;font-size:12px;color:var(--muted)}
.activity-size .select{width:126px;font-size:12px;padding:9px 11px}
.activity-list{padding:0;overflow:hidden}.activity-list[aria-busy="true"]{opacity:.6;transition:opacity .15s}
.activity-entry{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 18px;border-bottom:1px solid var(--line)}
.activity-entry:last-child{border-bottom:0}.activity-entry strong{font-size:12px;font-weight:650;color:var(--text)}
.activity-entry small{display:block;margin-top:4px;color:var(--muted);font-size:11px;overflow-wrap:anywhere}
.activity-entry time{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}
.activity-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:var(--accent2);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 16%,transparent)}
.activity-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;font-size:11px}
.activity-footer .btn{min-height:36px;display:inline-flex;align-items:center;gap:4px}

:root[data-theme="light"] body{background:radial-gradient(ellipse at 16% 0%,#e4e1ff 0,transparent 42%),radial-gradient(ellipse at 100% 32%,#ddf3fb 0,transparent 44%),linear-gradient(145deg,#f8f9ff,#eef2fc 58%,#f4f9fb);background-attachment:fixed}
:root[data-theme="light"] .topbar{background:linear-gradient(110deg,rgba(255,255,255,.95),rgba(239,237,255,.92) 65%,rgba(231,246,255,.9));border-color:rgba(112,99,187,.16)}
:root[data-theme="light"] .sidebar{background:linear-gradient(180deg,rgba(253,252,255,.94),rgba(238,239,255,.7))}
:root[data-theme="light"] .hero{background:radial-gradient(ellipse at 0% 0%,rgba(144,120,255,.19),transparent 62%),linear-gradient(110deg,#f7f5ff,#fff 55%,#e9f9ff);border-color:rgba(116,90,225,.24);box-shadow:0 12px 34px rgba(80,69,143,.06)}
:root[data-theme="light"] .card,:root[data-theme="light"] .service-card,:root[data-theme="light"] .premium-integration{background:linear-gradient(150deg,#fff 55%,#f6f6ff);box-shadow:0 6px 24px rgba(51,61,111,.05)}
:root[data-theme="light"] .stat-button.accent-violet{background:linear-gradient(125deg,#fff 45%,#ebe6ff)}
:root[data-theme="light"] .stat-button.accent-blue{background:linear-gradient(125deg,#fff 45%,#e5edff)}
:root[data-theme="light"] .stat-button.accent-cyan{background:linear-gradient(125deg,#fff 45%,#ddf5fb)}
:root[data-theme="light"] .stat-button.accent-green{background:linear-gradient(125deg,#fff 45%,#e0f6ed)}
:root[data-theme="light"] .service-card-body h3,:root[data-theme="light"] .service-preview-card strong,:root[data-theme="light"] .mode strong,:root[data-theme="light"] .stat .value,:root[data-theme="light"] .detail-list strong{color:var(--text)}
:root[data-theme="light"] .service-card-body p,:root[data-theme="light"] .service-preview-card small,:root[data-theme="light"] .hint,:root[data-theme="light"] .side-note,:root[data-theme="light"] .mini-field span{color:var(--muted)}
:root[data-theme="light"] .modal,:root[data-theme="light"] .drawer,:root[data-theme="light"] .auth-card{background:linear-gradient(150deg,#fff 55%,#f1f1ff)}
:root[data-theme="light"] .btn.secondary,:root[data-theme="light"] .btn.ghost,:root[data-theme="light"] .icon-btn{background:linear-gradient(135deg,#fff,#f0f2fc);color:var(--text2)}
:root[data-theme="light"] .btn.danger{color:#ad2432;background:#fff0f2}
:root[data-theme="light"] .input,:root[data-theme="light"] .select,:root[data-theme="light"] .textarea{background:#fbfcff;color:var(--text)}
:root[data-theme="light"] input::placeholder,:root[data-theme="light"] textarea::placeholder{color:#67738a;opacity:1}

.client-public{padding:100px 22px 74px;min-height:100svh;align-items:center}
.client-topbar{position:absolute;inset:22px 28px auto;display:flex;align-items:center;justify-content:space-between;z-index:3}
.client-wordmark{display:inline-flex;gap:9px;align-items:center;text-decoration:none;color:var(--text);font-size:14px;font-weight:750;letter-spacing:-.02em}
.client-wordmark>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(140deg,#8b6dff,#5946e6);color:#fff;font-size:15px}
.client-topbar .icon-btn{width:42px;height:42px}.client-footer{position:absolute;bottom:22px;left:0;right:0;display:flex;gap:7px;align-items:center;justify-content:center;color:var(--muted);font-size:11px;z-index:2}
.client-wrap{width:min(100%,460px);gap:20px}
.client-head h1,:root[data-theme="light"] .client-head h1{background:none;-webkit-text-fill-color:currentColor;color:var(--text);animation:none;font-size:32px;letter-spacing:-.04em;line-height:1.15}
.client-head p,.client-head p strong{color:var(--text2)}
.client-head p{max-width:380px;font-size:13px;line-height:1.6}
.client-eyebrow{font-size:10px;letter-spacing:.14em;font-weight:750;color:var(--muted)}
.client-head .client-logo-wrap{margin-bottom:0}.client-head .client-logo{border-radius:20px}
.client-card-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px;font-size:12px;color:var(--text2);font-weight:650}
.client-card-caption>span:first-child{display:flex;align-items:center;gap:7px}
.client-code-status{font-size:10px;color:var(--muted);padding:5px 9px;border-radius:20px;background:var(--panel2);border:1px solid var(--line)}
.client-code-status.ready{color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,var(--panel))}
.client-premium-card{padding:25px;border-radius:25px}
.client-code-box{padding:23px 12px 18px;border-radius:18px;display:grid;gap:10px;text-align:center;background:color-mix(in srgb,var(--client-accent) 9%,var(--panel));border:1px solid color-mix(in srgb,var(--client-accent) 28%,var(--line))}
.client-code{color:var(--text);font-size:42px;font-weight:800;letter-spacing:.13em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.client-code.waiting{font-size:21px;letter-spacing:-.03em;color:var(--text2)}
.client-auto-label{font-size:10px;color:var(--muted);line-height:1.5}
.client-actions{margin:18px 0 20px;grid-template-columns:minmax(0,1fr) 50px;gap:10px}
.client-primary{background:linear-gradient(120deg,#8061ff,#6252e8);color:#fff;border-radius:13px;min-height:49px;font-size:13px;box-shadow:0 6px 20px rgba(103,77,231,.17)}
.client-refresh{min-height:49px;border-radius:13px;color:var(--text2)}
.client-refresh.spin .ui-icon{animation:spin .8s linear infinite}.client-refresh.spin{animation:none}
.client-timer{padding-top:17px;border-top:1px solid var(--line)}
.client-timer>div:first-child>span{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:10px}
.client-timer strong{color:var(--text2);font-size:14px;font-variant-numeric:tabular-nums}
.client-progress-track{height:5px;background:var(--panel3)}.client-progress-track i{transition:width .3s linear;background:linear-gradient(90deg,#8061ff,#53c8ea)}
.client-wait-help{display:flex;align-items:flex-start;gap:11px;margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);animation:panelReveal .25s ease both}
.waiting-signal{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent-soft);color:var(--accent2)}
.client-wait-help strong{display:block;color:var(--text);font-size:11px;line-height:1.45}.client-wait-help p{margin:5px 0 0;font-size:11px;line-height:1.6;color:var(--muted)}
.client-connection{padding:11px 13px;margin:13px 0 0;border-radius:12px;background:color-mix(in srgb,var(--warn) 10%,var(--panel));color:var(--text2);font-size:11px;line-height:1.6}
.client-guidance{display:flex;gap:12px;padding:0 8px;color:var(--text2)}
.client-guidance-icon{flex:0 0 auto;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;background:var(--panel);color:var(--accent2)}
.client-guidance strong{font-size:12px;color:var(--text)}.client-guidance p{margin:5px 0;font-size:11px;line-height:1.7;color:var(--muted)}
.client-service-link{display:inline-flex;gap:6px;align-items:center;min-height:32px;font-size:12px;font-weight:650;text-decoration:none;color:var(--accent2)}
.client-id>span,.client-totp-tick,.client-state-note,.client-trust{color:var(--muted)}
.client-trust{font-size:9px;letter-spacing:.03em;text-transform:none;flex-wrap:wrap}.client-trust span:first-child{color:var(--muted)}
.client-mode,.client-service-pill{color:var(--text2)}
:root[data-theme="light"] .client-public{background:radial-gradient(ellipse at 18% 0%,#ded6ff 0,transparent 50%),radial-gradient(ellipse at 100% 85%,#d9f5fb 0,transparent 45%),linear-gradient(155deg,#f9f7ff,#f2f6fc)}
:root[data-theme="light"] .client-public:after{background:none}
:root[data-theme="light"] .client-premium-card{background:linear-gradient(150deg,rgba(255,255,255,.97),#f9faff);border-color:#dce0f0;box-shadow:0 20px 60px rgba(66,63,122,.1)}
:root[data-theme="light"] .client-code-box{background:linear-gradient(135deg,#f0ebff,#f0f8ff);border-color:#d3cbf4}
:root[data-theme="light"] .client-code,:root[data-theme="light"] .client-code.waiting,:root[data-theme="light"] .client-head p strong{color:#202741}
:root[data-theme="light"] .client-code-status.ready{color:#087344}
:root[data-theme="light"] .client-wait-help{background:linear-gradient(135deg,#f3f1ff,#f4faff)}
:root[data-theme="light"] .client-state-card{background:linear-gradient(150deg,#fff,#f4f3ff);border-color:#dce0f0}
:root[data-theme="light"] .client-security-note,:root[data-theme="light"] .client-info,:root[data-theme="light"] .client-id>span,:root[data-theme="light"] .client-totp-tick{color:var(--muted)}
@media(max-width:600px){.section-head{flex-wrap:wrap}.activity-entry{grid-template-columns:34px minmax(0,1fr);gap:9px;padding:13px}.activity-entry time{grid-column:2;font-size:10px}.activity-size{margin-left:auto}.activity-footer{align-items:flex-start}.activity-footer .actions{flex-wrap:nowrap}.client-public{padding:89px 16px 65px}.client-topbar{inset:17px 19px auto}.client-wrap{gap:18px}.client-head h1{font-size:28px}.client-premium-card{padding:19px}.client-code{font-size:35px}.client-code.waiting{font-size:20px}.client-footer{bottom:18px}.table-action{min-width:80px}.main{padding-bottom:95px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Client light-theme fixes v9: keep dark theme untouched */
:root[data-theme="light"] .client-info {
  background:linear-gradient(135deg,#f3f0ff 0%,#f3f8ff 100%) !important;
  border-color:rgba(112,87,245,.18) !important;
  color:#4f5d75 !important;
  box-shadow:0 8px 22px rgba(66,63,122,.05);
}

:root[data-theme="light"] .client-info .ui-icon {
  color:#7057f5 !important;
}

:root[data-theme="light"] .client-service-pill {
  background:linear-gradient(90deg,rgba(112,87,245,.11),rgba(92,170,248,.08)) !important;
  border-color:rgba(112,87,245,.18) !important;
  color:#5b43db !important;
  text-transform:none;
  letter-spacing:.04em;
}

:root[data-theme="light"] .client-password {
  background:#ffffff !important;
  border-color:rgba(112,87,245,.16) !important;
}

:root[data-theme="light"] .client-id-code {
  background:linear-gradient(145deg,#ffffff,#f4f6ff) !important;
  border-color:rgba(112,87,245,.16) !important;
  color:#27324a !important;
}

:root[data-theme="light"] .client-id {
  border-top-color:rgba(112,87,245,.12) !important;
}

:root[data-theme="light"] .client-trust {
  color:#5f6d85 !important;
}

:root[data-theme="light"] .client-trust i {
  background:#c8cfdd !important;
}


/* Central de Integrações + ações de acesso */
.center-tabs{margin-bottom:18px}
.center-tabs .tab{display:inline-flex;align-items:center;gap:7px}
.integration-safe-value{margin-top:10px}
.integration-advanced{margin-top:10px;border-top:1px solid var(--line);padding-top:9px}
.integration-advanced summary{cursor:pointer;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.04em}
.integration-advanced code{margin-top:8px!important}
.drawer-actions.five{grid-template-columns:repeat(2,minmax(0,1fr))}
.drawer-actions.five .btn:last-child{grid-column:span 2}
@media(max-width:560px){.drawer-actions.five{grid-template-columns:1fr}.drawer-actions.five .btn:last-child{grid-column:auto}}


/* Premium access generator */
.access-generator{display:grid;gap:16px}
.access-generator-head{align-items:flex-start}
.access-generator-section{padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--panel),var(--panel2))}
.access-generator-section-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.access-generator-section-head>span{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent2);font-size:12px;font-weight:800}
.access-generator-section-head strong{display:block;color:var(--text);font-size:13px}
.access-generator-section-head small{display:block;margin-top:2px;color:var(--muted);font-size:10px;line-height:1.45}
.access-generator .field label{display:flex;align-items:center;gap:6px}
.access-generator .field label em{font-style:normal;font-size:9px;color:var(--muted);font-weight:650}
.access-auto-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 15px;border-radius:16px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--panel)),var(--panel))}
.access-auto-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent2)}
.access-auto-card strong{display:block;font-size:12px;color:var(--text)}
.access-auto-card span{display:block;margin-top:3px;font-size:10px;color:var(--muted);line-height:1.45}
.duration-presets{display:flex;gap:7px;margin-top:8px;flex-wrap:wrap}
.duration-presets button{border:1px solid var(--line);background:var(--panel2);color:var(--text2);border-radius:10px;padding:7px 10px;font:inherit;font-size:10px;font-weight:750;cursor:pointer}
.duration-presets button:hover,.duration-presets button.active{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:var(--accent-soft);color:var(--accent2)}
.password-actions{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
.password-actions>span{font-size:9px;color:var(--muted)}
.access-generator-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--panel2)}
.access-generator-summary>div{min-width:0;padding:9px 10px;border-radius:12px;background:var(--panel)}
.access-generator-summary span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.access-generator-summary strong{display:block;margin-top:4px;font-size:11px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.access-create-button{min-height:48px;border-radius:14px}
@media(max-width:720px){.access-generator-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.access-auto-card{grid-template-columns:auto 1fr}.access-auto-card .btn{grid-column:1/-1;width:100%}}


/* Admin-only delivered code history */
.admin-history-code{display:inline-flex;align-items:center;margin:7px 0 2px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:9px;background:var(--accent-soft);color:var(--text);font-size:12px;font-weight:800;letter-spacing:.08em}


/* MaelShare original-inspired admin login */
.mael-auth{position:relative;overflow:hidden;min-height:100vh;padding:0;background:
 radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 32%),
 radial-gradient(circle at 88% 88%,color-mix(in srgb,#53c8ea 9%,transparent),transparent 30%),
 var(--bg)}
.auth-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.auth-bg i{position:absolute;width:70vw;height:70vw;border-radius:50%;filter:blur(70px);opacity:.22;animation:authPulse 7s ease-in-out infinite}
.auth-bg i:nth-child(1){left:-38vw;top:-38vw;background:var(--accent)}
.auth-bg i:nth-child(2){right:-40vw;bottom:-42vw;background:#53c8ea;animation-delay:1.1s}
.auth-bg i:nth-child(3){width:30vw;height:30vw;right:18%;top:18%;background:var(--accent);opacity:.1;animation-delay:.5s}
.auth-bg span{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--text) 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--text) 3%,transparent) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),rgba(0,0,0,.3))}
.mael-auth-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1fr);min-height:100vh}
.mael-auth-branding{display:flex;flex-direction:column;justify-content:center;max-width:680px;padding:64px clamp(42px,6vw,92px)}
.mael-auth-brand{display:flex;align-items:center;gap:18px;margin-bottom:46px}
.mael-auth-logo{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 64%,#53c8ea));color:#fff;font-size:25px;font-weight:900;box-shadow:0 18px 48px color-mix(in srgb,var(--accent) 28%,transparent),inset 0 1px 0 rgba(255,255,255,.2)}
.mael-auth-brand h1{margin:0;font-size:42px;letter-spacing:-.04em;line-height:1;background:linear-gradient(90deg,var(--text),color-mix(in srgb,var(--text) 68%,var(--muted)));-webkit-background-clip:text;background-clip:text;color:transparent}
.mael-auth-brand p{margin:8px 0 0;color:var(--muted);font-size:14px}
.mael-auth-features{display:grid;gap:18px}
.mael-auth-features article{display:flex;gap:16px;padding:18px;border-radius:18px;border:1px solid color-mix(in srgb,var(--line) 85%,var(--accent));background:color-mix(in srgb,var(--panel) 58%,transparent);backdrop-filter:blur(16px);box-shadow:0 12px 30px color-mix(in srgb,#000 9%,transparent);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.mael-auth-features article:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--panel) 72%,transparent)}
.feature-icon{flex:0 0 auto;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent2)}
.mael-auth-features strong{display:block;margin-bottom:5px;font-size:14px;color:var(--text)}
.mael-auth-features span{display:block;color:var(--muted);font-size:12px;line-height:1.6}
.mael-auth-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px}
.mael-auth-card{width:min(100%,460px);padding:34px;border-radius:30px;background:color-mix(in srgb,var(--panel) 82%,transparent);backdrop-filter:blur(24px);border:1px solid color-mix(in srgb,var(--line) 86%,var(--accent));box-shadow:0 30px 80px color-mix(in srgb,#000 22%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 8%,transparent)}
.auth-lock-badge{width:76px;height:76px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;color:var(--accent2);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 20%,var(--panel)),color-mix(in srgb,var(--accent) 6%,var(--panel)));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 16%,transparent)}
.auth-card-copy{text-align:center;margin-bottom:28px}
.auth-card-copy .auth-kicker{display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent2);font-size:9px;font-weight:850;letter-spacing:.09em}
.auth-card-copy h2{margin:12px 0 7px;font-size:26px;letter-spacing:-.025em}
.auth-card-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.mael-login-form{display:grid;gap:17px}
.mael-login-form .field{margin:0}
.auth-field label{font-size:12px;color:var(--text2)}
.auth-input-wrap{position:relative;display:flex;align-items:center}
.auth-input-wrap>.ui-icon{position:absolute;left:15px;z-index:1;color:var(--muted);transition:color .16s ease}
.auth-input-wrap:focus-within>.ui-icon{color:var(--accent2)}
.auth-input-wrap .input{height:50px;padding-left:46px;padding-right:44px;font-size:15px;background:color-mix(in srgb,var(--panel2) 72%,transparent);border-color:color-mix(in srgb,var(--line) 86%,var(--accent));transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.auth-input-wrap .input:focus{background:var(--panel);border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
.auth-eye{position:absolute;right:10px;width:34px;height:34px;min-width:34px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;border-radius:9px;cursor:pointer}
.auth-eye:hover{background:var(--accent-soft);color:var(--accent2)}
.auth-submit{min-height:50px;margin-top:2px;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;background:linear-gradient(100deg,var(--accent),color-mix(in srgb,var(--accent) 72%,#53c8ea));box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 25%,transparent)}
.auth-submit:hover{box-shadow:0 17px 36px color-mix(in srgb,var(--accent) 31%,transparent)}
.auth-forgot{display:block;margin:17px auto 0}
.auth-security-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}
.auth-security-note .ui-icon{color:var(--accent2)}
.auth-copyright{margin:20px 0 0;color:var(--muted);font-size:10px;text-align:center}
.mael-auth-mobile-brand{display:none}
:root[data-theme="light"] .mael-auth{background:radial-gradient(circle at 12% 10%,#e4dcff 0,transparent 34%),radial-gradient(circle at 90% 88%,#ddf5fb 0,transparent 31%),#f7f8fc}
:root[data-theme="light"] .auth-bg span{background-image:linear-gradient(rgba(45,50,73,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(45,50,73,.04) 1px,transparent 1px)}
:root[data-theme="light"] .mael-auth-features article{background:rgba(255,255,255,.58);border-color:#e1e4ef;box-shadow:0 14px 34px rgba(75,69,115,.06)}
:root[data-theme="light"] .mael-auth-card{background:rgba(255,255,255,.86);border-color:#e0e3ee;box-shadow:0 30px 70px rgba(66,63,122,.1)}
:root[data-theme="light"] .auth-input-wrap .input{background:rgba(250,251,255,.92);border-color:#dde2ee}
@keyframes authPulse{0%,100%{transform:scale(1);opacity:.14}50%{transform:scale(1.08);opacity:.25}}
@media(max-width:980px){
 .mael-auth-layout{grid-template-columns:1fr}
 .mael-auth-branding{display:none}
 .mael-auth-panel{padding:32px 22px;min-height:100vh}
 .mael-auth-mobile-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}
 .mael-auth-mobile-brand .mael-auth-logo{width:54px;height:54px;border-radius:17px;font-size:21px}
 .mael-auth-mobile-brand strong{display:block;font-size:22px}.mael-auth-mobile-brand span{display:block;margin-top:3px;color:var(--muted);font-size:11px}
}
@media(max-width:520px){
 .mael-auth-panel{padding:24px 16px}
 .mael-auth-card{padding:27px 20px;border-radius:24px}
 .auth-lock-badge{width:66px;height:66px}
 .auth-card-copy h2{font-size:23px}
}


/* Access generator premium v2 */
.access-generator-head{position:relative;overflow:hidden;padding:4px 2px 16px;border-bottom:1px solid color-mix(in srgb,var(--line) 82%,var(--accent))}
.access-generator-head:before{content:"";position:absolute;right:54px;top:-76px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%);pointer-events:none}
.access-generator-title{display:flex;align-items:flex-start;gap:13px;position:relative;z-index:1}
.access-generator-mark{width:44px;height:44px;flex:0 0 44px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 62%,#53c8ea));box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.18)}
.access-generator-head h2{margin-top:5px;font-size:24px;letter-spacing:-.03em}
.access-generator-head p{max-width:560px;margin-top:5px;line-height:1.55}
.access-generator-premium{position:relative;padding-top:2px}
.access-generator-premium:before{content:"";position:absolute;inset:-10px -14px auto auto;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,#53c8ea 8%,transparent),transparent 68%);filter:blur(3px);pointer-events:none}
.access-generator-section{position:relative;overflow:hidden;padding:18px;border-radius:20px;border:1px solid color-mix(in srgb,var(--line) 88%,var(--accent));background:linear-gradient(155deg,color-mix(in srgb,var(--panel) 96%,var(--accent)),var(--panel2));box-shadow:0 12px 30px color-mix(in srgb,#000 9%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 4%,transparent);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;animation:accessCardIn .28s ease both}
.access-generator-section:nth-of-type(2){animation-delay:.04s}
.access-generator-section:nth-of-type(3){animation-delay:.08s}
.access-generator-section:before{content:"";position:absolute;left:0;top:0;width:46%;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 42%,transparent),transparent)}
.access-generator-section:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 28%,var(--line));box-shadow:0 16px 38px color-mix(in srgb,#000 12%,transparent)}
.access-generator-section-head{gap:11px;margin-bottom:16px}
.access-step-badge{width:34px!important;height:34px!important;border-radius:11px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 21%,var(--panel)),color-mix(in srgb,#53c8ea 11%,var(--panel2)))!important;color:var(--accent2)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent),0 8px 18px color-mix(in srgb,var(--accent) 11%,transparent)}
.access-generator-section-head strong{font-size:14px;letter-spacing:-.01em}
.access-generator-section-head small{font-size:10.5px}
.access-field label{color:var(--text2);font-weight:760}
.access-field label>.ui-icon{color:var(--accent2);opacity:.92}
.access-field .input,.access-field .select{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 94%,transparent),color-mix(in srgb,var(--panel2) 88%,var(--panel)));border-color:color-mix(in srgb,var(--line) 90%,var(--accent));transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease}
.access-field .input:hover,.access-field .select:hover{border-color:color-mix(in srgb,var(--accent) 24%,var(--line))}
.access-field .input:focus,.access-field .select:focus{background:var(--panel);border-color:color-mix(in srgb,var(--accent) 54%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 11%,transparent),0 8px 22px color-mix(in srgb,var(--accent) 6%,transparent)}
.access-auto-card{position:relative;overflow:hidden;padding:16px 17px;border-radius:19px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 15%,var(--panel)),color-mix(in srgb,#53c8ea 8%,var(--panel)),var(--panel));border-color:color-mix(in srgb,var(--accent) 28%,var(--line));box-shadow:0 13px 32px color-mix(in srgb,var(--accent) 9%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 5%,transparent)}
.access-auto-card:after{content:"";position:absolute;right:-40px;top:-55px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,#53c8ea 21%,transparent),transparent 70%);pointer-events:none}
.access-auto-icon{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 22%,var(--panel)),color-mix(in srgb,#53c8ea 10%,var(--panel2)));box-shadow:0 9px 20px color-mix(in srgb,var(--accent) 13%,transparent)}
.access-auto-card strong{font-size:13px}
.access-auto-card span{font-size:10.5px}
.access-fill-button{position:relative;z-index:1;min-width:118px;justify-content:center;border-color:color-mix(in srgb,var(--accent) 35%,transparent)!important;background:linear-gradient(100deg,#8365ff,color-mix(in srgb,#6f5bea 72%,#53c8ea))!important;color:#fff!important;box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 24%,transparent)!important}
.access-fill-button:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 13px 30px color-mix(in srgb,var(--accent) 30%,transparent)!important}
.access-fill-button .ui-icon{color:#fff!important}
.access-auto-card .access-fill-button,
.access-auto-card .access-fill-button span,
.access-auto-card .access-fill-button .ui-icon{color:#fff!important}
.access-auto-card .access-fill-button span{display:inline;margin:0;font-size:inherit;line-height:1;font-weight:800}
.access-auto-card .access-fill-button:focus-visible{outline:3px solid color-mix(in srgb,#fff 72%,transparent);outline-offset:2px}
.access-auto-card .access-fill-button[aria-busy="true"]{color:#fff!important}
.access-auto-card .access-fill-button[aria-busy="true"] .button-spinner{color:#fff}
.duration-presets{gap:8px}
.duration-presets button{min-width:62px;border-radius:11px;padding:8px 11px;background:linear-gradient(180deg,var(--panel2),color-mix(in srgb,var(--panel2) 82%,var(--panel)));transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}
.duration-presets button:hover{transform:translateY(-1px)}
.duration-presets button.active{border-color:color-mix(in srgb,var(--accent) 46%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--panel)),color-mix(in srgb,#53c8ea 7%,var(--panel)));box-shadow:0 7px 18px color-mix(in srgb,var(--accent) 10%,transparent)}
.password-actions .btn{border-radius:11px}
.access-generator-summary{position:relative;overflow:hidden;gap:9px;padding:13px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel2) 93%,var(--accent)),color-mix(in srgb,var(--panel2) 96%,#53c8ea));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 4%,transparent)}
.access-generator-summary:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 5%,transparent),transparent 42%,color-mix(in srgb,#53c8ea 5%,transparent));pointer-events:none}
.access-generator-summary>div{position:relative;padding:11px 12px;border:1px solid color-mix(in srgb,var(--line) 84%,var(--accent));border-radius:13px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 5px 16px color-mix(in srgb,#000 6%,transparent)}
.access-generator-summary span{display:flex;align-items:center;gap:5px}
.access-generator-summary span .ui-icon{color:var(--accent2)}
.access-generator-summary strong{font-size:11.5px}
.access-create-button{position:relative;overflow:hidden;min-height:52px;border-radius:15px;font-weight:820;letter-spacing:.01em;background:linear-gradient(100deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#53c8ea));box-shadow:0 15px 34px color-mix(in srgb,var(--accent) 25%,transparent);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.access-create-button:before{content:"";position:absolute;inset:0;background:linear-gradient(112deg,transparent 20%,rgba(255,255,255,.18) 48%,transparent 72%);transform:translateX(-125%);transition:transform .5s ease}
.access-create-button:hover{transform:translateY(-1px);filter:saturate(1.08);box-shadow:0 18px 38px color-mix(in srgb,var(--accent) 31%,transparent)}
.access-create-button:hover:before{transform:translateX(125%)}
:root[data-theme="light"] .access-generator-section{background:linear-gradient(155deg,#fff,#f8f9ff);border-color:#e0e4ef;box-shadow:0 13px 30px rgba(69,67,113,.07)}
:root[data-theme="light"] .access-auto-card{background:linear-gradient(120deg,#f2edff,#f1f9ff,#fff);border-color:#dcd5ff}
:root[data-theme="light"] .access-auto-card span,:root[data-theme="light"] .access-generator-section-head small{color:#667085}
:root[data-theme="light"] .access-field .input,:root[data-theme="light"] .access-field .select{background:linear-gradient(180deg,#fff,#fafbff);border-color:#dfe3ee}
:root[data-theme="light"] .access-generator-summary{background:linear-gradient(135deg,#f6f3ff,#f1f8ff);border-color:#dce2ef}
:root[data-theme="light"] .access-generator-summary>div{background:rgba(255,255,255,.86);border-color:#e3e7f0}
:root[data-theme="light"] .access-fill-button{background:linear-gradient(100deg,#795cf6,#4f8ff5)!important;color:#fff!important}
@keyframes accessCardIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:720px){
 .access-generator-title{gap:10px}.access-generator-mark{width:40px;height:40px;flex-basis:40px;border-radius:12px}.access-generator-head h2{font-size:21px}
 .access-auto-card{grid-template-columns:auto 1fr;padding:14px}.access-auto-card .access-fill-button{grid-column:1/-1;width:100%;min-height:44px}
 .access-generator-section{padding:15px;border-radius:17px}.access-generator-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .access-generator-section:hover{transform:none}
}


/* Desktop-first comfort layer */
@media(min-width:1180px){
 .layout{grid-template-columns:246px minmax(0,1fr);max-width:1680px}
 .sidebar{padding:22px 16px}
 .nav button{padding:12px 13px;border-radius:12px}
 .main{padding:34px 38px 72px}
 .section-head{margin-bottom:24px}
 .section-head h1{font-size:30px;letter-spacing:-.025em}
 .section-head p{font-size:13.5px;max-width:760px}
 .grid{gap:18px}
 .grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
 .card{padding:20px;border-radius:18px}
 .stat{min-height:112px}
 .stat .value{font-size:33px}
 .stat .label{font-size:12.5px}
 .dashboard-split{grid-template-columns:minmax(0,1.7fr) minmax(340px,.8fr);gap:18px;margin:18px 0 24px}
 .chart-card,.alert-card{min-height:300px}
 .mini-chart{height:220px;padding-top:24px}
 .bar-stack{height:166px}
 .quick-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
 .modes{gap:16px;margin-top:18px}
 .mode{padding:20px;border-radius:17px}
 .activity-section{margin-top:24px}
 .toolbar{display:grid;grid-template-columns:minmax(360px,1fr) auto auto;gap:10px;align-items:center}
 .toolbar .search-wrap{width:100%}
 .toolbar .search{max-width:none;width:100%}
 .select.mini{min-width:190px}
 .table-wrap{border-radius:16px}
 table{min-width:900px}
 th,td{padding:14px 16px;font-size:12.5px}
 th{font-size:10.5px}
 .drawer{width:min(100%,560px);padding:28px}
 .drawer-head h2{font-size:27px}
 .detail-list strong{font-size:12.5px}
 .system-health{gap:16px}
 .system-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
 .premium-integration{min-height:150px;padding:22px}
 .integration-summary{padding:16px 18px;gap:22px}
 .access-generator-modal{width:min(94vw,1180px);max-height:92vh;padding:26px 28px}
 .access-generator-modal .access-generator-head{margin-bottom:4px}
 .access-generator-premium{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
 .access-generator-premium>.access-auto-card{grid-column:1/-1}
 .access-generator-premium>.access-generator-section{grid-column:1}
 .access-generator-premium>.access-generator-summary{grid-column:2;grid-row:2 / span 3;position:sticky;top:4px;display:grid;grid-template-columns:1fr;align-self:start;padding:16px;gap:10px}
 .access-generator-premium>.access-create-button{grid-column:2;position:sticky;top:332px;align-self:start}
 .access-generator-summary>div{padding:13px 14px}
 .access-generator-summary span{font-size:9.5px}
 .access-generator-summary strong{font-size:12px;white-space:normal;line-height:1.45}
 .access-generator-section{padding:20px}
 .access-generator-section-head strong{font-size:14.5px}
 .access-generator-section-head small{font-size:11px}
 .access-field .input,.access-field .select{min-height:44px}
}
@media(min-width:1440px){
 .main{padding-left:46px;padding-right:46px}
 .layout{grid-template-columns:258px minmax(0,1fr)}
 .dashboard-split{grid-template-columns:minmax(0,1.9fr) minmax(360px,.72fr)}
 .access-generator-modal{width:min(92vw,1260px)}
 .access-generator-premium{grid-template-columns:minmax(0,1fr) 360px;gap:20px}
}


/* PWA install action */
.install-app-btn{min-height:36px;gap:7px}
@media(max-width:780px){.top-actions .install-app-btn{display:none!important}.install-mobile-item{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:linear-gradient(135deg,var(--accent-soft),var(--panel2));color:var(--accent2)}}