/* Qendra e administrimit AST - ngjyrat e allsolutiontech.de; shkronjat e sistemit (pa burime të jashtme, CSP 'self') */
:root{
  --bg:#F3F7FC;--card:#FFFFFF;--soft:#EAF2FC;--ink:#0B1626;--muted:#4A5A70;--line:#D3E3F5;
  --cobalt:#1E6FF0;--on-cobalt:#FFFFFF;--ok:#12805C;--ok-bg:#E3F5EC;--warn:#9A6200;--warn-bg:#FFF3D6;--bad:#B4232B;--bad-bg:#FCE8E9;
  --head:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --body:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --mono:Consolas,"Cascadia Mono","DejaVu Sans Mono",monospace;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{--bg:#07182E;--card:#0E2444;--soft:#13305A;--ink:#EAF4FF;--muted:#9DB6D6;--line:#1F3E69;--cobalt:#5AA9FF;--on-cobalt:#06162B;--ok:#4FD1A0;--ok-bg:#0F3B30;--warn:#F2C25B;--warn-bg:#3B2E0E;--bad:#FF8A90;--bad-bg:#45161B;color-scheme:dark}}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.55;padding-inline:16px;padding-block:0 40px}
.wrap{max-width:1120px;margin:0 auto}
h1,h2{font-family:var(--head);font-weight:700;line-height:1.15;text-wrap:balance;margin:0 0 .4rem}
h1{font-size:clamp(1.45rem,3.4vw,1.9rem)}h2{font-size:1.15rem}
a{color:var(--cobalt)}
.muted{color:var(--muted)}.small{font-size:.86rem}.lead{max-width:62ch;margin:0 0 18px}
.nowrap{white-space:nowrap}
:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px;border-radius:6px}
button,input{font:inherit;color:inherit}
input{background:var(--card);border:1.5px solid var(--line);border-radius:10px;padding:.55rem .7rem;min-width:0;width:100%}
input[type=checkbox]{width:auto}
.btn{display:inline-block;border:0;background:var(--cobalt);color:var(--on-cobalt);padding:.6rem 1.1rem;border-radius:999px;font-weight:600;cursor:pointer;text-decoration:none;text-align:center}
.btn.alt{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
.btn.danger{background:transparent;color:var(--bad);border:1.5px solid var(--line)}
.btn.sm{padding:.3rem .8rem;font-size:.86rem}
.btn:hover{filter:brightness(1.07)}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-block:14px;border-bottom:1px solid var(--line);margin-bottom:22px}
.logo{display:flex;align-items:center;gap:.55rem;font-size:1.05rem}.logo b{font-weight:700}.logo .lt{font-weight:300;color:var(--cobalt)}
.mark{width:30px;height:30px;border-radius:8px;background:var(--cobalt);color:var(--on-cobalt);display:grid;place-items:center;font-weight:700;font-size:.78rem}
.nav{display:flex;gap:4px;flex-wrap:wrap}
.nav a{padding:.45rem .85rem;border-radius:999px;color:var(--muted);font-weight:500;text-decoration:none}
.nav a[aria-current]{background:var(--soft);color:var(--ink)}
.who{display:flex;align-items:center;gap:10px;margin:0}
.chip{display:inline-block;font-size:.78rem;font-weight:600;padding:.18rem .6rem;border-radius:999px;white-space:nowrap}
.c-ok{background:var(--ok-bg);color:var(--ok)}.c-used{background:var(--soft);color:var(--muted)}.c-bad{background:var(--bad-bg);color:var(--bad)}.c-warn{background:var(--warn-bg);color:var(--warn)}
.note{border-radius:12px;padding:.7rem .9rem;margin:0 0 16px}
.n-ok{background:var(--ok-bg);color:var(--ok)}.n-bad{background:var(--bad-bg);color:var(--bad)}.n-warn{background:var(--warn-bg);color:var(--warn)}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.tile,.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.1rem 1.15rem;min-width:0}
.tile{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.panel{margin-top:18px}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;align-items:start}
.grid2 .panel{margin-top:0}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.perms{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin:10px 0}
.perm{display:flex;gap:8px;align-items:flex-start;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:.5rem .6rem;font-size:.9rem;cursor:pointer}
.perm input{margin-top:.25rem}
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.f{display:flex;flex-direction:column;gap:4px;font-size:.86rem;color:var(--muted)}
.stack{display:grid;gap:10px;margin:12px 0}
.adm{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:.7rem 0;border-bottom:1px solid var(--line)}
.adm:last-child{border-bottom:0}.grow{flex:1;min-width:0}
.edit summary{list-style:none;cursor:pointer}.edit summary::-webkit-details-marker{display:none}
.edit[open]{flex-basis:100%}.edit form{margin-top:10px}.inline{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;margin-top:10px}
.inline label{display:flex;flex-direction:column;gap:4px}
.login{max-width:420px;margin:24px auto;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.4rem}
.login.wide{max-width:560px}
.steps{display:flex;gap:8px;margin-bottom:14px}.steps span{flex:1;height:4px;border-radius:4px;background:var(--line)}.steps span.on{background:var(--cobalt)}
.otp{font-family:var(--mono);font-size:1.3rem;letter-spacing:.3em;text-align:center}
.qrbox{display:flex;gap:14px;flex-wrap:wrap;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:.8rem}
.qr img{display:block;background:#FFFFFF;border-radius:8px;max-width:100%;height:auto}
.code{font-family:var(--mono);letter-spacing:.04em}.sel{user-select:all;overflow-wrap:anywhere}
.codes{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;padding:0;list-style-position:inside;font-size:1.05rem}
.codes li{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:.45rem .6rem}
.row{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.tbl{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:560px}
th{text-align:left;font-weight:600;color:var(--muted);font-size:.8rem;padding:.45rem .5rem;border-bottom:1px solid var(--line)}
td{padding:.55rem .5rem;border-bottom:1px solid var(--line);vertical-align:top}
details.small{margin-top:10px}
/* Hapi 2: ngjyrat që zgjedh secili administrator (data-tema te <html>), kodet, llogaritë */
html[data-tema=gjelber],html[data-tema=rere],html[data-tema=levander],html[data-tema=gri]{--ok:#2F7A55;--ok-bg:#E2F1E8;--warn:#8A5D10;--warn-bg:#F7EDD6;--bad:#A83A3A;--bad-bg:#F6E3E1;color-scheme:light}
html[data-tema=gjelber]{--bg:#F2F5F0;--card:#FBFCFA;--soft:#E3EBE0;--ink:#1F2A22;--muted:#56645A;--line:#D2DDCF;--cobalt:#4E7D5B;--on-cobalt:#FFFFFF}
html[data-tema=rere]{--bg:#F7F2EA;--card:#FFFCF7;--soft:#EFE6D8;--ink:#2B241B;--muted:#6B5E4E;--line:#E3D7C4;--cobalt:#9A6B3C;--on-cobalt:#FFFFFF}
html[data-tema=levander]{--bg:#F5F3F9;--card:#FDFCFF;--soft:#E9E5F2;--ink:#25212F;--muted:#5F5A6E;--line:#DCD6E8;--cobalt:#6E5E9E;--on-cobalt:#FFFFFF}
html[data-tema=gri]{--bg:#F2F3F4;--card:#FCFCFC;--soft:#E6E8EA;--ink:#202428;--muted:#5C646C;--line:#D9DCDF;--cobalt:#55616E;--on-cobalt:#FFFFFF}
html[data-tema=nate]{--bg:#1B1F24;--card:#23282E;--soft:#2D333A;--ink:#D8DCE0;--muted:#9AA3AC;--line:#363D45;--cobalt:#7FA7C9;--on-cobalt:#14181C;--ok:#7CC4A0;--ok-bg:#1F3329;--warn:#D9B36C;--warn-bg:#3A3020;--bad:#E39A9A;--bad-bg:#3D2424;color-scheme:dark}
html[data-tema=sepia]{--bg:#1F1B16;--card:#28231C;--soft:#342D24;--ink:#E6DCCB;--muted:#AFA28D;--line:#3E362B;--cobalt:#C9A26B;--on-cobalt:#1F1B16;--ok:#9CC28A;--ok-bg:#28331F;--warn:#E0B36A;--warn-bg:#3B2F1C;--bad:#E09A88;--bad-bg:#3F2620;color-scheme:dark}
.who{flex-wrap:wrap}
.tema{position:relative}
.tema summary{list-style:none}.tema summary::-webkit-details-marker{display:none}
.tema-list{position:absolute;right:0;top:calc(100% + 6px);z-index:5;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px;display:grid;gap:4px;width:min(250px,calc(100vw - 32px));box-shadow:0 10px 30px rgba(0,0,0,.14)}
.sw{display:flex;align-items:center;gap:10px;background:transparent;border:0;padding:.45rem .6rem;border-radius:10px;cursor:pointer;text-align:left;color:var(--ink);font-size:.92rem}
.sw:hover,.sw.on{background:var(--soft)}.sw.on{font-weight:600}
.dot{width:18px;height:18px;border-radius:50%;flex:none;border:3px solid #FFFFFF;box-shadow:0 0 0 1px rgba(0,0,0,.18)}
.t-blu{background:#1E6FF0}.t-gjelber{background:#4E7D5B}.t-rere{background:#C29560}.t-levander{background:#8E7CC3}.t-gri{background:#6B7682}
.t-nate{background:#1B1F24;border-color:#7FA7C9}.t-sepia{background:#1F1B16;border-color:#C9A26B}
select{font:inherit;color:inherit;background:var(--card);border:1.5px solid var(--line);border-radius:10px;padding:.55rem .7rem;width:100%}
.gen{display:grid;gap:10px;width:100%}.gen .btn{justify-self:start}
.tile .gen .fields{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
.tabs{display:flex;gap:4px;flex-wrap:wrap}
.tabs a{padding:.4rem .8rem;border-radius:999px;color:var(--muted);font-weight:500;text-decoration:none;font-size:.9rem}
.tabs a[aria-current]{background:var(--soft);color:var(--ink)}
.between{justify-content:space-between;align-items:center;margin-top:0}
.kodi{display:inline-block;padding:.15rem .5rem;border-radius:8px;font-weight:600}
.msgbox{white-space:pre-wrap;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:.8rem;font-family:var(--body);font-size:.92rem;margin:0 0 10px}
td form{margin:0}td .inline{margin-top:0}td details.edit{margin-top:6px}