:root{--navy:#0d1b3d;--teal:#079aa3;--cyan:#33c9dc;--line:#dce5ef;--muted:#66758c}
[hidden]{display:none!important}
html{font-size:15px;min-height:100%}body{min-height:100%;margin:0;color:var(--navy);background:linear-gradient(145deg,#f9fcff,#eef5fa);font-family:Inter,"Segoe UI",sans-serif}
.app-nav{background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);padding:15px 0;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;color:var(--navy)!important;letter-spacing:.08em;font-weight:700}.brand b{font-weight:500}.brand-mark{display:grid;place-items:center;width:39px;height:39px;color:#fff;font-weight:800;font-size:22px;border-radius:12px;background:linear-gradient(135deg,var(--cyan),#0751a6);box-shadow:0 7px 18px #128aa839}.admin-chip,.node-status{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;color:var(--muted)}
.container{max-width:1200px}main{padding-top:30px}.hero-panel{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;border-radius:22px;color:#fff;background:linear-gradient(120deg,#102149,#11385b 65%,#087e91);box-shadow:0 18px 50px #1021491f}.hero-panel h1{margin:5px 0 8px;font-size:2.25rem;font-weight:750}.hero-panel p{margin:0;color:#d8e8f4}.eyebrow{color:#27bfc8;letter-spacing:.14em;font-size:.72rem;font-weight:800}.hero-panel .eyebrow{color:#5ed8df}.node-status{color:#e9feff;background:#ffffff14;border-color:#ffffff2b;white-space:nowrap}.node-status span{display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:50%;background:#53e2aa;box-shadow:0 0 0 5px #53e2aa22}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.stats-grid article,.panel-card{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 35px #17365b0b}.stats-grid article{padding:20px}.stats-grid span{display:block;color:var(--muted);font-size:.85rem}.stats-grid strong{display:block;margin-top:8px;font-size:1.9rem}.content-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}.content-grid>.panel-card:first-child{grid-column:1;align-self:start}.content-grid>.stacked-panels{grid-column:2 / 5;min-width:0}.panel-card{padding:24px}.section-heading h2{margin:4px 0 20px;font-size:1.25rem}
.access-form,.access-form label{display:grid;gap:7px}.access-form{gap:16px}.access-form label{color:#40506a;font-size:.85rem;font-weight:650}.access-form input,.access-form select{width:100%;border:1px solid #cfdae7;border-radius:11px;padding:11px 12px;background:#fbfdff;color:var(--navy);outline:none}.access-form input:focus,.access-form select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #079aa318}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.access-form button{border:0;border-radius:12px;padding:13px;color:#fff;font-weight:750;background:linear-gradient(135deg,#0ba6aa,#087f96);box-shadow:0 8px 20px #058a9833}.access-form small{color:var(--muted);line-height:1.45}
.empty-state{padding:42px 20px;text-align:center;color:var(--muted);border:1px dashed #c9d6e4;border-radius:14px}table{width:100%;border-collapse:collapse}th{padding:12px 10px;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line)}td{padding:16px 10px;vertical-align:middle;border-bottom:1px solid #edf2f6}.code-cell{font-family:"Cascadia Code",Consolas,monospace;font-weight:700;white-space:nowrap}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;border-radius:999px;font-size:.75rem;font-weight:750;white-space:nowrap}.status-pill.active{color:#08755c;background:#e4f8f0}.status-pill.inactive{color:#9b3d44;background:#fdebec}.footer{padding:28px 0;font-size:.82rem;text-align:center}
.stacked-panels{display:grid;gap:20px;min-width:0;max-width:100%}.stacked-panels>.panel-card{min-width:0;max-width:100%;overflow:hidden}.empty-state.compact{padding:24px}.table-button{border:1px solid #a9dbe0;border-radius:9px;padding:6px 11px;color:#087f96;background:#f0fbfc;font-weight:700}.status-pill.retry{color:#815b13;background:#fff4d8}.reveal-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;padding:15px 20px;border:1px solid #8ed9dd;border-radius:14px;background:#effcfc}.reveal-banner span,.reveal-banner small{display:block;color:var(--muted);font-size:.78rem}.reveal-banner strong{display:block;margin-top:4px;font-family:"Cascadia Code",Consolas,monospace;letter-spacing:.04em}
.logout-form{display:flex;align-items:center;gap:8px}.logout-form button{border:0;background:transparent;color:#687790;font-weight:700}.auth-shell{min-height:70vh;display:grid;place-items:center}.auth-card{width:min(430px,100%);padding:34px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 60px #17365b18}.auth-card h1{margin:6px 0 8px;font-size:1.8rem}.auth-card>p{margin-bottom:25px;color:var(--muted)}
.code-modal-backdrop{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:20px;background:#07142d99;backdrop-filter:blur(5px)}.code-modal{width:min(540px,100%);padding:24px;background:#fff;border:1px solid #d9e5ef;border-radius:18px;box-shadow:0 30px 90px #06112766}.code-modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.code-modal-heading h2{margin:4px 0 18px;font-size:1.3rem}.modal-close{border:0;background:transparent;color:#687790;font-size:1.8rem;line-height:1}.code-copy-row{display:grid;grid-template-columns:1fr auto;gap:9px}.code-copy-row input{min-width:0;padding:12px 14px;border:1px solid #cad8e6;border-radius:11px;background:#f7fafc;color:var(--navy);font-family:"Cascadia Code",Consolas,monospace}.code-copy-row button{border:0;border-radius:11px;padding:0 18px;color:#fff;background:var(--teal);font-weight:750}.code-modal>small{display:block;margin-top:12px;color:var(--muted)}
.table-actions{display:flex;align-items:center;gap:7px}.table-button.danger{border-color:#efc3c7;color:#a13c45;background:#fff5f6}.muted-action{color:var(--muted);font-size:.78rem}
.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;padding:0;border-radius:9px;font-size:1rem;line-height:1;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.icon-button:hover{transform:translateY(-1px);box-shadow:0 5px 12px #17365b1f}.icon-button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.table-actions form{display:flex;margin:0}.icon-button.power{color:#087f96;background:#edfbf9}.icon-button.delete{color:#a13c45;background:#fff0f2}
.nav-actions{display:flex;align-items:center;gap:16px}.nav-actions>a,.back-link{color:#53647d;text-decoration:none;font-weight:700}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:6px 2px}.page-heading h1{margin:4px 0;font-size:2rem}.page-heading p{margin:0;color:var(--muted)}.license-summary{max-width:360px;color:#4b5d76;font-size:.86rem}.access-form select[multiple]{min-height:145px}
.nav-actions .nav-icon-link{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:#f8fbfd;color:#53647d;font-size:1.35rem;line-height:1;transition:background .15s ease,transform .15s ease}.nav-actions .nav-icon-link:hover{background:#effafb;color:var(--teal);transform:rotate(15deg)}
.pagination-bar{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:16px}.pagination-bar a{display:grid;place-items:center;min-width:34px;height:34px;padding:0 9px;border:1px solid #d6e1eb;border-radius:9px;color:#53647d;text-decoration:none;background:#fff;font-weight:700}.pagination-bar a.current{border-color:var(--teal);color:#fff;background:var(--teal)}
.quick-search{width:min(260px,100%);margin-top:10px;padding:9px 12px;border:1px solid #d3dfeb;border-radius:10px;background:#fbfdff;color:var(--navy);outline:none}.quick-search:focus{border-color:var(--teal);box-shadow:0 0 0 3px #079aa318}
.audit-filter{margin-top:10px}.audit-filter select{min-width:210px;padding:9px 12px;border:1px solid #d3dfeb;border-radius:10px;background:#fbfdff;color:var(--navy);outline:none}.audit-filter select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #079aa318}
.table-responsive{max-width:100%;min-width:0;overflow-x:auto}.session-table{min-width:880px;table-layout:auto}.session-table th:nth-child(n+3),.session-table td:nth-child(n+3){text-align:center}.session-table th:nth-child(3),.session-table td:nth-child(3),.session-table th:nth-child(4),.session-table td:nth-child(4),.session-table th:nth-child(5),.session-table td:nth-child(5){white-space:nowrap}.session-table td:last-child form{display:flex;justify-content:center}.session-table th:first-child{min-width:170px}.session-table th:nth-child(2){min-width:145px}.session-table th:nth-child(6){min-width:105px}
.compact-session-table{min-width:0!important;table-layout:fixed}.compact-session-table th:nth-child(1),.compact-session-table td:nth-child(1){width:24%}.compact-session-table th:nth-child(2),.compact-session-table td:nth-child(2){width:23%}.compact-session-table th:nth-child(3),.compact-session-table td:nth-child(3){width:15%}.compact-session-table th:nth-child(4),.compact-session-table td:nth-child(4),.compact-session-table th:nth-child(5),.compact-session-table td:nth-child(5){width:14%}.compact-session-table th:nth-child(6),.compact-session-table td:nth-child(6){width:10%;text-align:center}.compact-session-table .status-pill{padding:5px 10px;font-size:.72rem}
#activeCodes{table-layout:fixed}#activeCodes th:nth-child(1),#activeCodes td:nth-child(1){width:24%}#activeCodes th:nth-child(2),#activeCodes td:nth-child(2){width:14%}#activeCodes th:nth-child(3),#activeCodes td:nth-child(3){width:24%}#activeCodes th:nth-child(4),#activeCodes td:nth-child(4){width:12%;text-align:center}#activeCodes th:nth-child(5),#activeCodes td:nth-child(5){width:26%}#activeCodes .table-actions{justify-content:flex-start;flex-wrap:nowrap}
@media(max-width:900px){.stats-grid{grid-template-columns:1fr 1fr}.content-grid{display:grid;grid-template-columns:1fr}.content-grid>.panel-card,.content-grid>.stacked-panels{width:100%;min-width:0}.hero-panel{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.stats-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.hero-panel{padding:24px}}
.settings-grid{display:grid;grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr);gap:22px;margin-top:22px}.settings-summary{grid-column:1;grid-row:1}.settings-grid>.settings-summary+article{grid-column:2;grid-row:1}.settings-form{margin-top:20px}.switch-row{display:flex!important;grid-template-columns:none!important;align-items:center;gap:12px!important;padding:13px;border:1px solid var(--line);border-radius:12px;background:#f8fbfd}.switch-row input{width:20px!important;height:20px}.switch-row span{display:grid;gap:2px}.switch-row small{font-weight:400}.settings-summary dl{display:grid;gap:0;margin:18px 0}.settings-summary dl div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}.settings-summary dt{color:var(--muted);font-weight:600}.settings-summary dd{margin:0;text-align:right;font-weight:750;overflow-wrap:anywhere}.notice-card{padding:15px;border:1px solid #bfe4e7;border-radius:12px;color:#427078;background:#f0fbfc}.inline-form{margin:16px 0}.secondary-button{width:100%;border:1px solid #9bdde2;border-radius:14px;padding:14px 18px;color:#087f96;background:#f0fbfc;font-weight:800;box-shadow:none}.secondary-button:hover{background:#e5f8fa}@media(max-width:900px){.settings-grid{grid-template-columns:1fr}.settings-summary,.settings-grid>.settings-summary+article{grid-column:1;grid-row:auto}}