:root{--bg:#f3f5f2;--ink:#17221d;--muted:#68736d;--line:#dde3df;--green:#146c4b;--pale:#e8f1ed;--amber:#c57b12}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,Segoe UI,sans-serif}.shell{max-width:1320px;margin:auto;padding:36px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--green);font-weight:800}.topbar h1{font:600 36px Georgia,serif;margin:2px 0}.user{color:var(--muted)}a{color:var(--green);font-weight:650;text-decoration:none}.user a{margin-left:16px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.metrics article,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 16px #20382c0a}.metrics article{padding:20px}.metrics span,.metrics small{display:block;color:var(--muted)}.metrics strong{display:block;font:600 34px Georgia,serif;margin:4px 0}.metrics .amber{color:var(--amber)}.grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.panel{overflow:hidden}.span2{grid-column:span 1}.panel-head{padding:20px 22px 14px;display:flex;align-items:center;justify-content:space-between}.panel h2,.dialog-head h2{margin:0;font:600 22px Georgia,serif}.panel p,.dialog-head p{margin:3px 0;color:var(--muted)}button{background:var(--green);border:0;color:white;border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 22px;border-top:1px solid var(--line)}th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}td small,td b{display:block}td small{color:var(--muted)}code{font-size:12px}.pill{display:inline-block;padding:4px 9px;border-radius:999px;background:var(--pale);color:var(--green);font-size:11px;font-weight:800}.pill.revoked,.pill.expired{background:#f4e8e6;color:#9d3d31}.panel form,dialog form{padding:0 22px 22px}label{display:block;color:var(--muted);font-weight:650;margin:12px 0}input,select{display:block;width:100%;margin-top:5px;padding:10px 11px;border:1px solid #cdd5d0;border-radius:7px;background:#fff;color:var(--ink)}.notice{background:#e6f2eb;border:1px solid #bad6c7;color:#165d43;padding:12px 16px;border-radius:9px;margin-bottom:16px;word-break:break-all}dialog{border:0;border-radius:15px;width:min(480px,calc(100% - 30px));box-shadow:0 20px 70px #0004}dialog::backdrop{background:#101a1688}.dialog-head{display:flex;justify-content:space-between;padding:22px}.ghost{background:transparent;color:var(--muted);font-size:24px;padding:0}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#e7f2ed,#f3f5f2 50%)}.login-card{width:min(390px,calc(100% - 32px));padding:36px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px #263b3030}.brand-mark{width:42px;height:42px;border-radius:12px;background:var(--green);color:#fff;display:grid;place-items:center;font:bold 23px Georgia}.login-card h1{font:600 30px Georgia,serif;margin:16px 0 0}.login-card p{color:var(--muted);margin-top:0}.login-card form{margin-top:24px}.login-card button{width:100%;margin-top:12px}.error{color:#a52f25}@media(max-width:900px){.shell{padding:20px}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:520px){.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:14px}.topbar{align-items:flex-start}.user{font-size:12px}th,td{padding:10px 14px}}
.quick-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.quick-filter{display:inline-flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #dbe3f0;border-radius:9px;background:#fff;font-size:13px}.quick-filter strong{background:#eaf1ff;padding:1px 7px;border-radius:6px}.quick-filter.selected{background:#eaf1ff;border-color:#3b82f6}.pagination-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:14px 0;color:var(--muted)}.pagination-bar>div{display:flex;flex-wrap:wrap;gap:8px}.pagination-bar a{padding:7px 11px;background:#fff;border:1px solid #dbe3f0;border-radius:8px}
:root{--bg:#f5f7fb!important;--ink:#172033!important;--muted:#657084!important;--line:#dbe3f0!important;--green:#2563eb!important;--pale:#eaf1ff!important;--amber:#d97706!important}.brand{display:flex;align-items:center;gap:14px}.brand img{width:52px;height:52px;border-radius:13px;box-shadow:0 8px 22px #2563eb35}.user{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.user a{margin-left:0}.dashboard-devices,.licences-panel,.management-list{margin-top:16px}.management-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.danger{color:#dc2626;font-weight:800}.pill.warning{background:#fff3df;color:#b45309}@media(max-width:900px){.management-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:16px}.user{justify-content:flex-end}}
.login-logo{width:52px;height:52px;border-radius:13px;box-shadow:0 8px 22px #2563eb35}
.shell{max-width:1880px}.dashboard-devices table{table-layout:fixed}.dashboard-devices th,.dashboard-devices td{padding:11px 8px;font-size:12px;vertical-align:top;white-space:normal;overflow-wrap:anywhere}.dashboard-devices th{font-size:10px}.dashboard-devices th:nth-child(1){width:12%}.dashboard-devices th:nth-child(2){width:7%}.dashboard-devices th:nth-child(3){width:10%}.dashboard-devices th:nth-child(4){width:7%}.dashboard-devices th:nth-child(5),.dashboard-devices th:nth-child(6){width:7%}.dashboard-devices th:nth-child(7){width:11%}.dashboard-devices th:nth-child(8),.dashboard-devices th:nth-child(9){width:6%}.dashboard-devices th:nth-child(10){width:6%}.dashboard-devices th:nth-child(11){width:11%}.dashboard-devices th:nth-child(12){width:10%}@media(max-width:1100px){.dashboard-devices th,.dashboard-devices td{padding:8px 5px;font-size:11px}.dashboard-devices th{font-size:9px}.shell{padding-left:14px;padding-right:14px}}
.dashboard-actions{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px}.dashboard-actions h2{margin:0;font:600 25px Georgia,serif}.dashboard-actions p{margin:3px 0;color:var(--muted)}.dashboard-actions>div:last-child{display:flex;gap:10px;align-items:center}.action-link{display:inline-block;padding:10px 14px;border-radius:8px}.secondary-action{background:#eaf1ff}.unified-devices{margin-top:16px}.unified-devices table{table-layout:fixed}.unified-devices th,.unified-devices td{padding:13px 12px;vertical-align:top;white-space:normal;overflow-wrap:anywhere}.unified-devices th:nth-child(1){width:18%}.unified-devices th:nth-child(2){width:10%}.unified-devices th:nth-child(3){width:17%}.unified-devices th:nth-child(4){width:17%}.unified-devices th:nth-child(5){width:13%}.unified-devices th:nth-child(6){width:14%}.unified-devices th:nth-child(7){width:11%}.row-actions{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.link-button{background:transparent;color:var(--green);padding:0}.unified-devices td small{margin-top:4px}@media(max-width:900px){.dashboard-actions{align-items:flex-start;gap:12px;flex-direction:column}.unified-devices table{min-width:1050px}}
/* Next LPFR modern visual system */
html{font-family:"Segoe UI Variable Text","Segoe UI",Inter,Arial,sans-serif}body{font-family:inherit;font-size:14px;line-height:1.55;background:linear-gradient(180deg,#eef4ff 0,#f7f9fc 240px,#f5f7fb 100%);color:#172033}.shell{padding-top:28px}.topbar{background:#0f172a;color:#fff;padding:18px 22px;border-radius:18px;box-shadow:0 12px 32px #0f172a1f;margin-bottom:24px}.topbar h1,.dashboard-actions h2,.panel h2,.dialog-head h2,.login-card h1{font-family:inherit;font-weight:700;letter-spacing:-.025em}.topbar h1{font-size:28px;margin:0;color:#fff}.eyebrow{color:#93c5fd;font-size:10px}.topbar .user,.topbar .user span{color:#cbd5e1}.topbar .user a{color:#e2e8f0;padding:7px 10px;border-radius:8px;font-weight:600;transition:.18s ease}.topbar .user a:hover{background:#ffffff16;color:#fff}.brand img{width:46px;height:46px;border-radius:12px;box-shadow:0 8px 20px #0004}.dashboard-actions{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px 20px;box-shadow:0 5px 18px #0f172a0a}.dashboard-actions h2{font-size:21px}.dashboard-actions p{font-size:13px}.metrics{gap:14px}.metrics article,.panel{border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 6px 22px #0f172a0a}.metrics article{position:relative;overflow:hidden;padding:18px 20px}.metrics article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#3b82f6}.metrics strong{font-family:inherit;font-weight:750;font-size:30px;letter-spacing:-.04em;color:#0f172a}.metrics span{font-weight:650;color:#64748b}.metrics small{font-size:12px}.panel{background:#fff}.unified-devices thead{background:#f8fafc}.unified-devices th{border-top:0;color:#64748b;font-size:10px;font-weight:750;letter-spacing:.075em}.unified-devices td{border-color:#edf1f7;color:#334155}.unified-devices tbody tr{transition:background .15s ease}.unified-devices tbody tr:hover{background:#f8fbff}.unified-devices td b{color:#172033;font-weight:700}.unified-devices code{display:inline-block;background:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe;border-radius:7px;padding:3px 7px;font-family:"Cascadia Mono",Consolas,monospace}.pill{padding:4px 9px;background:#eaf2ff;color:#1d4ed8;font-weight:750}.pill.active{background:#dcfce7;color:#15803d}.pill.suspended,.pill.warning{background:#fff7df;color:#b45309}.pill.revoked,.pill.expired{background:#fee2e2;color:#b91c1c}button,.action-link,.button-link{font-family:inherit;border-radius:9px;font-weight:700;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}button:not(.ghost):not(.link-button){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb28}button:not(.ghost):not(.link-button):hover{transform:translateY(-1px);box-shadow:0 7px 18px #2563eb35}.secondary-action{background:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe}.link-button,.row-actions a{font-weight:700}.row-actions a:hover,.link-button:hover{text-decoration:underline}.notice{background:#eff6ff;border-color:#bfdbfe;color:#1e40af;box-shadow:0 4px 14px #2563eb0c}input,select{font:inherit;border-color:#cbd5e1;border-radius:9px;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus{outline:0;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}dialog{padding:0;border-radius:18px;box-shadow:0 24px 80px #0f172a55}dialog::backdrop{background:#0f172a9c;backdrop-filter:blur(3px)}.dialog-head{background:#f8fafc;border-bottom:1px solid #e2e8f0}.login-body{background:radial-gradient(circle at 50% 0,#dbeafe,#eff6ff 35%,#f8fafc 75%)}.login-card{border-color:#dbe3f0;border-radius:22px;box-shadow:0 24px 70px #1e3a8a24}.login-card h1{font-size:28px}.login-logo{width:58px;height:58px}.login-card button{padding:12px}@media(max-width:900px){.topbar{border-radius:14px;padding:16px}.shell{padding-top:16px}.dashboard-actions>div:last-child{flex-wrap:wrap}}
.metric-card{display:block;color:inherit;border-radius:16px}.metric-card article{height:100%;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.metric-card:hover article{transform:translateY(-2px);border-color:#93c5fd;box-shadow:0 10px 28px #2563eb1c}.metric-card.selected article{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.filter-bar{display:grid;grid-template-columns:minmax(260px,2fr) minmax(160px,1fr) minmax(150px,1fr) auto auto;gap:12px;align-items:end;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px 18px;margin-bottom:16px;box-shadow:0 5px 18px #0f172a0a}.filter-bar label{margin:0}.filter-bar button{height:42px}.filter-bar>a{align-self:center;white-space:nowrap}.row-actions form{padding:0;margin:0}.archive-action{color:#b45309}.archive-list{margin-top:16px}.archive-list form{padding:0;margin:0}.archive-list button{padding:8px 11px}.empty-state{text-align:center;color:#64748b;padding:34px!important}@media(max-width:900px){.filter-bar{grid-template-columns:1fr 1fr}.filter-bar label:first-child{grid-column:1/-1}}@media(max-width:560px){.filter-bar{grid-template-columns:1fr}.filter-bar label:first-child{grid-column:auto}.metrics{grid-template-columns:1fr}}
.filter-bar{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:10px;overflow-x:auto}.filter-bar label{flex:0 0 185px;min-width:0}.filter-bar label:first-child{flex:1 1 320px;min-width:240px}.filter-bar input,.filter-bar select{height:42px}.filter-bar button{flex:0 0 auto;white-space:nowrap}.filter-bar>a{flex:0 0 auto;display:inline-flex;height:42px;align-items:center;padding:0 4px;white-space:nowrap}@media(max-width:900px){.filter-bar{display:flex;flex-wrap:nowrap}.filter-bar label:first-child{grid-column:auto}}@media(max-width:560px){.filter-bar{display:flex;flex-wrap:nowrap}.filter-bar label:first-child{grid-column:auto}.metrics{grid-template-columns:1fr}}
/* Consistent admin lists and compact, responsive filtering. */
.management-list thead,.archive-list thead{background:#f8fafc}.management-list th,.archive-list th{border-top:0;color:#64748b;font-size:10px;font-weight:750;letter-spacing:.075em}.management-list td,.archive-list td{vertical-align:top;overflow-wrap:anywhere;border-color:#edf1f7;color:#334155}.management-list td small,.archive-list td small{margin-top:4px}.management-list tbody tr:hover,.archive-list tbody tr:hover{background:#f8fbff}.management-list code,.archive-list code{display:inline-block;background:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe;border-radius:7px;padding:3px 7px}.management-list td:last-child{min-width:210px}.management-list td:last-child form{padding:0;margin:8px 0}.management-list summary{color:var(--green);font-weight:700;cursor:pointer}.management-list details form{max-width:250px}.archive-list td:first-child{width:34%}.archive-list td:last-child{white-space:nowrap}.filter-bar{overflow-x:visible}.filter-bar label{flex:1 1 150px}.filter-bar label:first-child{min-width:180px;flex:2 1 280px}.filter-bar input,.filter-bar select{min-width:0}.dashboard-actions button.secondary-action{background:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe;box-shadow:none}.pagination-bar a:hover{background:#eff6ff;border-color:#93c5fd}@media(max-width:1000px){.filter-bar{flex-wrap:wrap}.filter-bar label:first-child{flex-basis:100%}.filter-bar label{flex:1 1 160px}.management-list table,.archive-list table{min-width:760px}}@media(max-width:560px){.filter-bar label:first-child{min-width:0}.filter-bar label{flex-basis:100%}.pagination-bar{align-items:flex-start;flex-direction:column}}
.metrics.licence-filter-cards{grid-template-columns:repeat(5,minmax(0,1fr))}.licence-filter-cards .metric-card{min-width:0}.licence-filter-cards article{display:flex;flex-direction:column}.licence-filter-cards article>span{min-height:3.1em;overflow-wrap:anywhere}.licence-filter-cards article>small{margin-top:auto}@media(max-width:900px){.metrics.licence-filter-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.metrics.licence-filter-cards{grid-template-columns:1fr}}