:root{--bg:#0b1220;--bg-elev:#121c31;--bg-soft:#182541;--border:#2a3a63;--text:#ebf0ff;--muted:#9fb0d3;--primary:#1fc8bb;--primary-strong:#12a99d;--danger:#ff8181;--success:#8ff7b4}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(1200px 700px at 20% -10%,#1a2c54 0,var(--bg) 45%)}a{color:inherit;text-decoration:none}main.adm-shell{max-width:1240px;margin:0 auto;padding:24px}main.adm-shell.login-shell{max-width:none;min-height:100vh;display:grid;place-items:center}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}h1,h2,h3{margin:0 0 8px}h1{font-size:28px;letter-spacing:0}h2{font-size:20px}h3{font-size:16px}.muted{color:var(--muted)}.msg{margin:10px 0 14px;padding:10px 12px;border-radius:10px;border:1px solid transparent;font-size:14px}.msg.error{color:#ffd4d4;background:#391f2a;border-color:#5f2e3d}.msg.success{color:#d2ffe3;background:#173126;border-color:#26503e}.card{background:linear-gradient(180deg,var(--bg-elev),#0f182c);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px}.login-card{max-width:420px;margin:80px auto 0}.login-hero{width:min(100%,460px);margin:0 auto;padding:22px;border:1px solid #33558f;box-shadow:0 24px 60px rgba(0,0,0,.35)}.login-hero h1{margin-bottom:4px}.field{margin-bottom:10px;width:100%}.field label{display:inline-block;margin-bottom:6px;color:var(--muted);font-size:13px}button,input,select,textarea{font:inherit}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-height:40px;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-soft);outline:none}input:focus,select:focus,textarea:focus{border-color:#3f8cff;box-shadow:0 0 0 3px rgba(63,140,255,.2)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg-soft) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}input[type=checkbox]{width:auto}button{padding:10px 14px;border-radius:8px;border:1px solid var(--primary-strong);background:linear-gradient(180deg,var(--primary),var(--primary-strong));color:#072422;font-weight:600;cursor:pointer}button.secondary{border-color:#48608f;background:#1d2a49;color:#d7e4ff}button:hover{filter:brightness(1.05)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grow{flex:1 1}.col{display:flex;flex-direction:column;gap:6px}.grid-2{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:10px}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid #213156;padding:10px 8px;text-align:left;vertical-align:top;font-size:14px}th{color:#b7caef;background:#13213e}td .row form{margin:0}.mono{font-family:Consolas,Courier New,monospace;word-break:break-all;min-width:220px}.token-issuer input[type=number]{width:90px}.token-issuer{gap:8px;align-items:center}.token-actions{gap:8px}.days-input{width:84px}.token-inline{gap:8px}.token-inline-input{min-width:260px;max-width:320px}.token-error,.token-status{font-size:12px;margin-left:2px}.token-error{color:var(--danger)}.device-filters{display:flex;gap:12px;align-items:flex-end;margin:14px 0 12px;flex-wrap:wrap}.device-filters>.field{margin-bottom:0}.device-filters>.field.grow{flex:1 1 100%}.device-filters>.field:not(.grow){flex:1 1 100%;max-width:100%}.device-filters>button{align-self:flex-start}.device-list{display:flex;flex-direction:column;gap:10px}.tabs{gap:8px;flex-wrap:wrap}.tab-link{padding:8px 12px;border-radius:8px;border:1px solid #48608f;background:#1d2a49;color:#d7e4ff;font-weight:600}.tab-link.active{border-color:var(--primary-strong);background:linear-gradient(180deg,var(--primary),var(--primary-strong));color:#072422}.pager{margin-top:12px;display:flex;justify-content:flex-end;align-items:center;gap:10px}.pager-link{padding:8px 12px;border-radius:8px;border:1px solid #48608f;background:#1d2a49;color:#d7e4ff;font-weight:600}.pager-link.disabled{opacity:.45;pointer-events:none}.device-card{border:1px solid #2a3e6e;border-radius:12px;background:linear-gradient(180deg,#101d37,#0b152a);padding:8px 12px}.device-main-row{display:grid;grid-template-columns:minmax(180px,auto) minmax(420px,1fr) minmax(220px,auto);grid-gap:10px;gap:10px;align-items:center;min-width:0}.device-left p,.device-right p{margin:0 0 3px;color:#c8d8f9;font-size:12px;word-break:break-word}.device-left .row{gap:6px;margin-bottom:3px}.device-left .mono{min-width:0;font-size:12px}.device-center{display:grid;grid-template-columns:minmax(210px,.9fr) minmax(300px,1.1fr);grid-gap:10px;gap:10px;align-items:end;min-width:0}.device-center.collapsed-grid{grid-template-columns:minmax(210px,.9fr) minmax(320px,1.2fr)}.compact-field{margin-bottom:0}.compact-field label{font-size:12px;margin-bottom:4px}.checkbox-line{display:inline-flex;align-items:center;gap:8px;margin-top:2px;color:#c0d2f2}.badge{border:1px solid #3b5f9e;background:#122549;color:#cce0ff;border-radius:999px;font-size:11px;line-height:1;padding:4px 8px}.badge.ok{border-color:#2d8f70;background:#113529;color:#bbf6df}.badge.off{border-color:#8a5563;background:#3a1f2b;color:#ffd4de}.device-bottom-row{border-top:1px solid #253962;margin-top:6px;padding-top:8px;justify-content:space-between;flex-wrap:nowrap}.device-bottom-left,.device-bottom-row{display:flex;gap:10px;align-items:center}.device-bottom-left{min-width:0;flex:1 1}.device-bottom-actions{display:inline-flex;align-items:center;gap:12px}.toggle-expand-btn{min-width:38px;min-height:38px;padding:0;border-radius:8px;font-size:26px;line-height:1;font-weight:700}.device-expand-row{margin-top:6px;display:grid;grid-template-columns:1.1fr .65fr .9fr 1fr 1.2fr;grid-gap:10px;gap:10px;align-items:end}.token-issuer small{display:inline-flex;align-items:center}.token-issuer .muted{font-size:12px}.token-issuer .token-error,.token-issuer .token-status{width:100%;margin-top:2px}.token-issuer{min-width:0;flex:1 1}.token-issuer-main{display:grid;grid-template-columns:76px 128px minmax(180px,1fr) 92px;grid-gap:8px;gap:8px;align-items:center;min-width:0}.token-issuer .days-input{width:100%;min-height:38px}.token-issuer button{min-height:38px;padding:8px 12px;white-space:nowrap;line-height:1.1}.token-inline-input{width:100%;min-width:0;max-width:100%;min-height:38px;font-size:12px;padding:8px 10px;overflow:hidden;text-overflow:ellipsis}.token-status{color:var(--success)}code{background:#10203f;border:1px solid #2b457a;border-radius:6px;padding:2px 6px}@media (max-width:920px){.grid-2{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.device-main-row{gap:8px}.device-center,.device-center.collapsed-grid,.device-expand-row,.device-main-row{grid-template-columns:1fr}.device-bottom-row{align-items:flex-start;flex-direction:column}.device-bottom-left{width:100%}.token-issuer-main{grid-template-columns:70px minmax(110px,auto) minmax(140px,1fr) 82px;width:100%}.token-inline-input{min-width:180px;max-width:100%}}@media (max-width:720px){.device-bottom-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.token-issuer{width:100%}.token-issuer-main{grid-template-columns:72px minmax(120px,auto) 1fr 72px}}@media (max-width:560px){.token-issuer-main{grid-template-columns:1fr 1fr}.token-issuer-main .token-inline-input{grid-column:1/-1}.token-issuer-main button{justify-self:start}}:root{--bg:#f3f5f7;--bg-elev:#ffffff;--bg-soft:#f7f9fb;--border:#cfd6dd;--text:#17212b;--muted:#5c6975;--primary:#087f74;--primary-strong:#06685f;--danger:#b42318;--success:#137333}body,html{background:var(--bg);color:var(--text)}main.adm-shell{width:100%;max-width:1180px;padding:12px}.topbar{align-items:flex-start;margin-bottom:12px}.topbar h1{font-size:22px}.card,.device-card,.profile-panel,.workspace{background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;box-shadow:none}.workspace{padding:14px}.tabs{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:0 0 10px;margin-bottom:2px;scrollbar-width:thin}.tab-link{flex:0 0 auto;background:#ffffff;border-color:var(--border);color:#33404c}.tab-link.active,button{background:var(--primary);border-color:var(--primary-strong);color:#ffffff}.pager-link,button.secondary{background:#ffffff;color:#33404c;border-color:var(--border)}input:not([type=checkbox]):not([type=radio]),select,textarea{background:#ffffff;color:var(--text);border-color:#b9c3cc}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(8,127,116,.16)}.section-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.profile-panel{padding:12px;margin-bottom:10px}.profile-panel h3{font-size:15px;margin-bottom:12px}.form-grid{display:grid;grid-template-columns:1fr;grid-gap:0 10px;gap:0 10px}.form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-top:4px}.form-actions button{margin-left:auto}.record-list{margin-top:14px}.device-card{padding:12px}.device-summary{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;align-items:center}.device-summary>div:first-child{min-width:0}.device-client,.device-hwid,.device-model{display:block;margin-top:6px}.device-model{color:var(--text);font-size:13px;font-weight:600}.device-hwid{min-width:0;font-size:11px;color:var(--muted)}.effective-config{grid-column:1/-1;display:grid;grid-gap:3px;gap:3px;color:var(--muted);font-size:12px}.compact-button{padding:8px 10px}.device-details{display:grid;grid-template-columns:1fr;grid-gap:0 10px;gap:0 10px;border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.device-meta{display:grid;grid-gap:3px;gap:3px;font-size:12px;color:var(--muted)}.device-actions{border-top:1px solid var(--border);margin-top:10px;padding-top:10px;display:grid;grid-gap:10px;gap:10px}.device-save{display:flex;justify-content:flex-end;align-items:center;gap:12px}.token-issuer-main{grid-template-columns:64px 1fr}.token-issuer-main .token-inline-input{grid-column:1/-1}.device-filters{align-items:stretch}.device-filters>button{width:100%}.empty-state{border:1px dashed var(--border);padding:18px;text-align:center;color:var(--muted)}.badge{background:#eef3f7;border-color:#c6d0d9;color:#35424e}.badge.ok{background:#e8f5ec;border-color:#9bcbaa;color:#176b33}.badge.off{background:#faeceb;border-color:#e1aaa5;color:#9d261d}.msg.error{color:#8f1d15;background:#fff0ef;border-color:#efb4ae}.msg.success{color:#176b33;background:#edf8f0;border-color:#acd5b7}code{background:#eef3f7;border-color:#d3dbe2}@media (min-width:640px){main.adm-shell{padding:20px}.device-details,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-filters>.field.grow{flex:1 1 360px}.device-filters>.field:not(.grow){flex:0 0 180px}.device-filters>button{width:auto;align-self:flex-end}.token-issuer-main{grid-template-columns:72px 124px minmax(180px,1fr) 84px}.token-issuer-main .token-inline-input{grid-column:auto}}@media (min-width:900px){.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.device-summary{grid-template-columns:minmax(280px,1fr) minmax(240px,auto) auto}.effective-config{grid-column:auto}.device-details{grid-template-columns:repeat(3,minmax(0,1fr))}.device-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center}}.client-toolbar,.clients-heading{align-items:center}.client-toolbar{display:grid;grid-template-columns:auto minmax(140px,220px);grid-gap:10px;gap:10px;margin-bottom:12px}.client-toolbar label{color:var(--muted);font-size:13px}.client-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:8px}.client-table th{background:#eef3f5;color:#33404c;white-space:nowrap}.client-table td{border-color:#e0e5e9}.count-link{display:inline-grid;place-items:center;min-width:34px;min-height:30px;padding:4px 9px;border:1px solid #9bc9c4;border-radius:6px;color:var(--primary-strong);font-weight:700;background:#edf8f6}.client-edit-cell{width:1%;text-align:right}.empty-table{padding:24px!important;color:var(--muted);text-align:center}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;align-items:center;justify-items:center;padding:14px;overflow-y:auto;background:rgba(20,28,35,.68)}.client-modal{width:min(100%,520px);max-height:calc(100vh - 28px);overflow-y:auto;padding:18px;border:1px solid var(--border);border-radius:8px;background:#fff}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.modal-heading p{margin:0}.icon-close{width:38px;height:38px;padding:0;border-color:var(--border);background:#fff;color:#46535f;font-size:24px;line-height:1}.client-active-field{margin:6px 0 16px;color:var(--text)}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.clear-filter-link{display:inline-flex;align-items:center;justify-content:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:720px){.clients-heading{align-items:stretch;flex-direction:column}.clients-heading button{width:100%}.client-toolbar{grid-template-columns:1fr}.client-table-wrap{overflow:visible;border:0}.client-table,.client-table tbody,.client-table td,.client-table tr{display:block;width:100%}.client-table thead{display:none}.client-table tr{margin-bottom:10px;padding:10px;border:1px solid var(--border);border-radius:8px;background:#fff}.client-table td{display:grid;grid-template-columns:minmax(100px,38%) 1fr;grid-gap:8px;gap:8px;padding:7px 0;border:0}.client-table td:before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:600}.client-table .client-edit-cell{display:block;padding-top:10px}.client-edit-cell button{width:100%}.client-table .empty-table{display:block}.client-table .empty-table:before{content:none}}.integration-table td{max-width:260px;overflow-wrap:anywhere}.modal-form-grid{display:grid;grid-template-columns:1fr;grid-gap:0 10px;gap:0 10px}.modal-options{display:flex;flex-wrap:wrap;gap:14px;margin:6px 0 16px}.modal-options .checkbox-line{color:var(--text)}@media (min-width:560px){.modal-form-grid{grid-template-columns:120px 1fr}}.client-edit-cell{min-width:92px}.client-edit-cell button{min-width:76px;white-space:nowrap;word-break:normal}.device-hwid{font-size:14px;line-height:1.35;color:var(--text);font-weight:600}.field-help{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.35}.topbar-actions{display:flex;align-items:center;gap:8px}.topbar-actions form{margin:0}.theme-toggle{white-space:nowrap}.permission-fieldset{margin:4px 0 14px;padding:12px;border:1px solid var(--border);border-radius:8px}.permission-fieldset legend{padding:0 6px;color:var(--muted);font-size:13px}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.permission-grid .checkbox-line{color:var(--text)}.permission-tags{display:flex;flex-wrap:wrap;gap:5px}.permission-tags span{padding:3px 7px;border-radius:5px;background:#edf3f5;color:#3f4d58;font-size:11px}.update-modal{width:min(100%,680px)}.client-selection{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px;max-height:180px;overflow-y:auto;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft)}.file-link{color:var(--primary-strong);font-weight:700;text-decoration:underline;text-underline-offset:2px}.table-help{display:block;margin-top:4px;color:var(--muted);font-size:12px}@media (min-width:640px){.client-selection{grid-template-columns:repeat(2,minmax(0,1fr))}}html[data-theme=dark]{--bg:#11161c;--bg-elev:#1a2129;--bg-soft:#202a34;--border:#3a4652;--text:#edf2f6;--muted:#aab6c1;--primary:#25a99b;--primary-strong:#178f83;color-scheme:dark}html[data-theme=dark] body{background:var(--bg);color:var(--text)}html[data-theme=dark] .card,html[data-theme=dark] .client-modal,html[data-theme=dark] .client-table tr,html[data-theme=dark] .device-card,html[data-theme=dark] .profile-panel,html[data-theme=dark] .workspace{background:var(--bg-elev);border-color:var(--border)}html[data-theme=dark] .icon-close,html[data-theme=dark] .pager-link,html[data-theme=dark] .tab-link,html[data-theme=dark] button.secondary,html[data-theme=dark] input:not([type=checkbox]):not([type=radio]),html[data-theme=dark] select,html[data-theme=dark] textarea{background:var(--bg-soft);color:var(--text);border-color:var(--border)}html[data-theme=dark] .client-table th{background:#232d37;color:#dbe3e9}html[data-theme=dark] .client-table td{border-color:#303b45}html[data-theme=dark] .permission-tags span{background:#29343e;color:#dbe3e9}html[data-theme=dark] .client-selection{background:var(--bg-soft)}html[data-theme=dark] .file-link{color:#86d8cf}html[data-theme=dark] .count-link{background:#193a37;border-color:#35746e;color:#86d8cf}html[data-theme=dark] .badge{background:#25313c;border-color:#465563;color:#dce5eb}html[data-theme=dark] code{background:#242e38;border-color:#3b4854}@media (max-width:560px){.topbar-actions{width:100%}.topbar-actions>*{flex:1 1}.topbar-actions button{width:100%}.permission-grid{grid-template-columns:1fr}}.update-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.update-qr{text-align:center}.update-qr svg{display:block;max-width:100%;height:auto;margin:0 auto}.update-changelog{white-space:pre-wrap;overflow-wrap:anywhere}.device-client-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));grid-gap:16px;gap:16px}.device-client-card{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--bg-elev);overflow-wrap:anywhere}.device-client-card:focus-visible,.device-client-card:hover{border-color:var(--primary)}.device-client-card h3,.device-client-card p{margin:0}.device-client-card .row{flex-wrap:wrap}.device-client-open{margin-top:auto;padding-top:8px;color:var(--primary);font-size:14px}