:root{
  --bg:#f4f6f8;--surface:#ffffff;--surface-2:#f8fafc;--line:#e3e8ef;--line-strong:#d4dbe5;
  --text:#172033;--muted:#667085;--soft:#98a2b3;--accent:#ef3340;--accent-dark:#cf2632;
  --green:#159455;--green-bg:#ecfdf3;--amber:#b76e00;--amber-bg:#fff7e6;--blue:#2563eb;--blue-bg:#eff6ff;
  --red:#d92d20;--red-bg:#fff1f0;--shadow:0 10px 30px rgba(31,41,55,.07);--radius:16px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}body{display:flex}button,input,select{font:inherit}
a{color:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--surface);border-right:1px solid var(--line);padding:24px 18px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px}.brandmark{width:40px;height:40px;border-radius:12px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 8px 18px rgba(239,51,64,.2)}.brand strong{display:block;font-size:14px;letter-spacing:1.1px}.brand small{display:block;color:#8491a3;letter-spacing:1.4px;font-size:9px;margin-top:3px}.owner-badge{display:inline-flex;align-self:flex-start;margin-top:20px;padding:6px 9px;border-radius:999px;background:#fff1f2;color:#b4232f;font-size:10px;font-weight:800;letter-spacing:.8px}.sidebar nav{display:grid;gap:4px;margin-top:24px}.sidebar nav a{color:#667085;text-decoration:none;padding:10px 12px;border-radius:9px;font-size:13px;font-weight:600}.sidebar nav a:hover,.sidebar nav a.active{background:#f2f4f7;color:#101828}.sidebar-user{margin-top:auto;border-top:1px solid var(--line);padding:16px 8px 10px;display:grid;gap:4px}.sidebar-user small{color:var(--soft);font-size:9px;text-transform:uppercase;letter-spacing:1px}.sidebar-user strong{font-size:13px}.sidebar-user span{font-size:10px;color:var(--muted)}.logout-form{margin-top:8px}.main{margin-left:248px;width:calc(100% - 248px);padding:34px;max-width:1680px}.auth-main{width:100%;margin:0}.page-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:20px}.page-kicker,.section-kicker{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#7f8ba0}.page-header h1{font-size:32px;line-height:1.1;margin:7px 0 7px}.page-header p{margin:0;color:var(--muted);max-width:760px;line-height:1.55}.header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.system-chip,.status-tag{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:var(--surface);font-size:11px;font-weight:700;white-space:nowrap}.system-chip i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(21,148,85,.1)}.system-chip.good,.status-tag.good{color:#067647;background:var(--green-bg);border-color:#b7ebcd}.status-tag.warning{color:#9a5b00;background:var(--amber-bg);border-color:#f4d6a0}.status-tag.neutral{color:#475467;background:#f8fafc}.help-link{font-size:11px;text-decoration:none;color:#344054;background:#fff;border:1px solid var(--line);padding:8px 12px;border-radius:999px;font-weight:700}.notice{display:flex;gap:13px;padding:15px 17px;border-radius:14px;margin:0 0 18px;border:1px solid}.info-notice{background:var(--blue-bg);border-color:#cfe0ff}.notice-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;font-weight:900;flex:0 0 auto}.notice strong{font-size:13px}.notice p{margin:4px 0 0;font-size:12px;line-height:1.55;color:#475467}.alert{padding:13px 15px;border-radius:12px;margin:0 0 16px;font-size:13px;border:1px solid}.alert.success{background:var(--green-bg);border-color:#b7ebcd;color:#067647}.alert.error{background:var(--red-bg);border-color:#f7c6c2;color:#b42318}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);display:flex;align-items:flex-start;gap:13px;min-height:112px}.metric-card>div:nth-child(2){min-width:0}.metric-card small,.metric-card span{display:block}.metric-card small{color:#667085;font-size:11px;font-weight:700}.metric-card strong{display:block;font-size:20px;margin:5px 0;color:#101828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card span{font-size:11px;color:#98a2b3;line-height:1.4}.metric-icon{width:38px;height:38px;border-radius:11px;background:#f2f4f7;color:#667085;display:grid;place-items:center;font-size:11px;font-weight:900;flex:0 0 auto}.metric-icon.ok,.metric-icon.active{background:var(--green-bg);color:#067647}.metric-icon.waiting{background:var(--amber-bg);color:#9a5b00}.metric-icon.off{background:#f2f4f7;color:#98a2b3}.text-good{color:#067647!important}.text-warn{color:#9a5b00!important}.text-neutral{color:#475467!important}.info-dot{position:relative;display:inline-grid!important;place-items:center;width:18px;height:18px;border-radius:50%;background:#eef2f6;color:#667085!important;font-size:10px!important;font-weight:800!important;cursor:help;vertical-align:middle;margin-left:4px;flex:0 0 auto}.metric-card>.info-dot{position:absolute;right:12px;top:12px}.info-dot:hover:after{content:attr(data-tip);position:absolute;z-index:50;right:0;top:24px;width:270px;padding:10px 12px;border-radius:10px;background:#101828;color:white;font-size:11px;font-weight:500;line-height:1.45;box-shadow:0 10px 30px rgba(0,0,0,.2)}.workflow-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:18px 0;overflow:visible}.workflow-card{padding:20px}.compact-heading{padding:0!important;border:0!important;margin-bottom:17px}.section-heading,.panel-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;align-items:center}.panel-head h2,.section-heading h2{margin:4px 0 4px;font-size:18px}.panel-head p,.section-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.workflow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:8px}.workflow-step{display:flex;gap:10px;align-items:flex-start;background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:12px}.workflow-step>b{width:24px;height:24px;border-radius:8px;background:#eaf6ef;color:#067647;display:grid;place-items:center;font-size:11px}.workflow-step strong{font-size:11px;display:block}.workflow-step small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.workflow-step.muted-step{opacity:.66}.workflow-arrow{display:grid;place-items:center;color:#98a2b3;font-weight:700}.count{min-width:32px;height:32px;border-radius:10px;background:#f2f4f7;display:grid;place-items:center;font-size:12px;font-weight:800;color:#344054}.help-strip{margin:14px 16px 2px;padding:11px 13px;background:#f8fafc;border:1px solid var(--line);border-radius:10px;color:#667085;font-size:11px;line-height:1.5}.device-list{padding:8px 14px 14px}.device-card{border:1px solid var(--line);background:#fff;border-radius:13px;margin:10px 0;overflow:hidden}.device-card.active-card{border-left:3px solid #12b76a}.device-main{display:grid;grid-template-columns:minmax(200px,1.5fr) repeat(3,minmax(145px,1fr));gap:16px;padding:17px 18px;align-items:center}.device-main>div>small,.detail-grid small{display:block;color:#98a2b3;font-size:9px;text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px}.device-main strong{font-size:12px;color:#344054}.device-title{display:flex;align-items:center;gap:11px}.device-title small{display:block;color:#667085;font-size:10px;margin-top:3px}.dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.dot.warning{background:#f79009;box-shadow:0 0 0 4px #fff4e5}.dot.online{background:#12b76a;box-shadow:0 0 0 4px #ecfdf3}.dot.offline{background:#98a2b3}.device-actions{border-top:1px solid var(--line);padding:11px 16px;display:flex;justify-content:flex-end;gap:9px;align-items:center;background:#fbfcfd}.action-explainer{margin-right:auto;color:#98a2b3;font-size:10px}.inline-form{display:flex;gap:8px;align-items:center}.details-box,.advanced-settings,.peer-list{border-top:1px solid var(--line);background:#fbfcfd}.details-box summary,.advanced-settings>summary,.peer-list>summary{cursor:pointer;color:#475467;font-size:11px;padding:12px 18px;user-select:none;font-weight:700}.details-box summary span{float:right;padding:3px 7px;background:#eef2f6;border-radius:999px;font-size:9px;color:#667085}.details-box[open] summary,.advanced-settings[open]>summary,.peer-list[open]>summary{border-bottom:1px solid var(--line)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 18px}.detail-grid-wide{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-grid code,.detail-grid span{font-size:11px;color:#344054;word-break:break-all}.help-inline{margin:0 18px 14px;padding:10px 12px;background:var(--blue-bg);border-radius:9px;color:#475467;font-size:10px;line-height:1.5}.custom-date-form{display:flex;align-items:end;gap:10px;padding:0 18px 18px}.custom-date-form label{font-size:10px;color:#667085;display:grid;gap:6px}.empty-state{padding:32px;text-align:center;color:#98a2b3}.empty-state>span{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 8px;border-radius:50%;background:#f2f4f7;color:#667085}.empty-state strong{display:block;color:#667085;font-size:12px}.empty-state p{font-size:11px;margin:5px 0 0}.host-grid{display:grid;grid-template-columns:1fr 2fr;gap:20px;padding:20px}.host-summary{display:flex;gap:12px;align-items:flex-start}.host-icon{width:48px;height:48px;border-radius:13px;background:#fff1f2;color:#b4232f;display:grid;place-items:center;font-weight:900}.host-summary small{display:block;color:#98a2b3;font-size:9px;letter-spacing:.8px}.host-summary strong{display:block;margin:5px 0;font-size:14px}.host-summary span{font-size:10px;color:#667085;word-break:break-all}.status-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;overflow:hidden}.status-list>div{padding:12px 14px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.status-list>div:nth-child(even){border-right:0}.status-list>div:nth-last-child(-n+2){border-bottom:0}.status-list span{display:block;font-size:9px;color:#98a2b3;text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px}.status-list strong,.status-list code{font-size:11px;color:#344054;word-break:break-all}.danger-zone{margin:0 20px 20px;padding:13px 14px;border:1px solid #f7c6c2;background:#fffafa;border-radius:11px;display:flex;justify-content:space-between;gap:20px;align-items:center}.danger-zone strong{font-size:11px;color:#b42318}.danger-zone p{font-size:10px;color:#7a5b59;margin:3px 0 0}.warning-box{margin:16px 20px;padding:12px 14px;border:1px solid #f4d6a0;background:#fffaf0;border-radius:11px}.warning-box strong{font-size:11px;color:#9a5b00}.warning-box p{font-size:10px;color:#725b35;margin:4px 0 0;line-height:1.5}.advanced-settings{margin:0 20px 20px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:18px}.form-field{display:grid;gap:6px}.form-field label{font-size:11px;font-weight:700;color:#344054}.form-field small{font-size:9px;color:#98a2b3}.toggle-field{grid-column:1/-1}.switch-line{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid #f4d6a0;background:#fffaf0;border-radius:10px}.switch-line input{margin-top:3px}.switch-line strong{display:block;font-size:11px}.switch-line small{display:block;color:#8a6b3b;margin-top:3px;font-size:10px}.settings-form>button{justify-self:start}.dev-secret-note{margin:0 18px 16px;padding:10px 12px;border-radius:9px;background:#f8fafc;border:1px solid var(--line);font-size:10px;color:#475467}.dev-secret-note span{display:block;color:#98a2b3;margin-top:4px}.peer-list{margin:0 18px 18px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.peer-list p{font-size:10px;color:#667085;padding:0 12px}.peer-row{display:grid;grid-template-columns:220px 1fr;gap:14px;padding:9px 12px;border-top:1px solid var(--line);font-size:10px}.peer-row code{word-break:break-all}.security-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px}.security-grid article{display:flex;gap:12px;border:1px solid var(--line);border-radius:12px;padding:14px;background:#fbfcfd}.security-grid article>b{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#eef2f6;color:#667085;font-size:10px}.security-grid small{display:block;font-size:9px;color:#98a2b3;text-transform:uppercase;letter-spacing:.6px}.security-grid strong{display:block;font-size:11px;margin:5px 0}.security-grid p{margin:0;color:#667085;font-size:10px;line-height:1.45}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 17px;border-bottom:1px solid var(--line);font-size:11px}th{color:#667085;font-weight:700;background:#fbfcfd}td small{display:block;color:#98a2b3;margin-top:3px;max-width:260px;overflow:hidden;text-overflow:ellipsis}.status-badge{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:10px;background:#f2f4f7;color:#475467}.status-rejected,.status-revoked{color:#b42318;background:#fff1f0}.status-expired{color:#9a5b00;background:#fff7e6}.log-list{padding:0 18px 10px}.log-row{display:grid;grid-template-columns:110px 170px 1fr 130px;gap:12px;padding:11px 4px;border-bottom:1px solid var(--line);font-size:10px;align-items:center}.log-row time,.log-row span{color:#667085}.log-row code{color:#98a2b3}.help-center{margin-bottom:28px}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px}.help-grid article{display:flex;gap:12px;border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}.help-grid article>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#fff1f2;color:#b4232f;font-weight:900;font-size:11px;flex:0 0 auto}.help-grid strong{font-size:11px}.help-grid p{font-size:10px;color:#667085;line-height:1.5;margin:5px 0}.help-grid em{font-size:9px;color:#475467;background:#f8fafc;padding:6px 8px;border-radius:7px;display:block;font-style:normal}.page-footer{text-align:center;padding:12px 0 28px;color:#98a2b3;font-size:10px}button,.primary,.secondary,.ghost{border-radius:9px;padding:10px 14px;font-weight:750;cursor:pointer;transition:.15s;border:1px solid transparent}.primary{background:var(--accent);color:#fff}.primary:hover{background:var(--accent-dark)}.secondary{background:#fff;color:#344054;border-color:#cfd6df}.secondary:hover,.ghost:hover{background:#f8fafc}.ghost{background:#fff;color:#475467;border-color:var(--line);width:100%}.compact{width:auto}.danger{color:#b42318;border-color:#f7c6c2}.inline-form select,select,input{background:#fff;border:1px solid #cfd6df;color:#344054;border-radius:9px;padding:9px 10px;outline:none}input:focus,select:focus{border-color:#98a2b3;box-shadow:0 0 0 3px rgba(37,99,235,.06)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#f8fafc 0,#eef2f6 100%)}.login-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:0 24px 70px rgba(31,41,55,.12)}.login-brand{margin-bottom:18px}.login-owner{margin:0 0 22px}.login-card h1{font-size:27px;margin:0 0 8px}.login-card form{display:grid;gap:8px;margin-top:22px}.login-card label{font-size:11px;color:#475467;margin-top:7px;font-weight:700}.login-card input{width:100%}.login-submit{margin-top:12px;padding:12px}.login-help{margin-top:18px;padding:11px 12px;border-radius:10px;background:#f8fafc;border:1px solid var(--line)}.login-help strong{font-size:10px;display:block}.login-help span{font-size:10px;color:#667085;display:block;margin-top:3px;line-height:1.45}.security-note{border-top:1px solid var(--line);margin-top:24px;padding-top:16px;color:#98a2b3;font-size:9px;text-align:center}.validation{color:#b42318;font-size:10px}@media(max-width:1180px){.overview-grid{grid-template-columns:repeat(2,1fr)}.workflow{grid-template-columns:1fr}.workflow-arrow{transform:rotate(90deg)}.security-grid{grid-template-columns:repeat(2,1fr)}.detail-grid-wide{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){body{display:block}.sidebar{position:static;width:100%;height:auto}.sidebar nav{display:flex;flex-wrap:wrap}.sidebar-user,.logout-form{display:none}.main{margin:0;width:100%;padding:20px}.page-header{display:block}.header-actions{justify-content:flex-start;margin-top:15px}.overview-grid,.security-grid,.help-grid,.host-grid,.settings-form{grid-template-columns:1fr}.device-main{grid-template-columns:1fr 1fr}.device-actions{flex-wrap:wrap}.action-explainer{width:100%;margin-bottom:4px}.status-list{grid-template-columns:1fr}.status-list>div{border-right:0!important}.workflow-arrow{display:none}}

/* V0.13.0 PHASE 3.1 — Network Licence Services Admin Panel */
.brand-link{text-decoration:none}.admin-sidebar{width:272px;padding:22px 16px}.admin-sidebar .brand small{max-width:150px;line-height:1.25}.admin-nav{display:block!important;margin-top:20px!important;overflow-y:auto;padding-right:3px}.nav-group{display:grid;gap:3px;margin-bottom:18px}.nav-label{font-size:9px;letter-spacing:1.35px;font-weight:800;color:#a0aaba;padding:0 10px 6px}.admin-nav .nav-group a{display:flex;align-items:center;gap:10px;padding:9px 10px}.admin-nav .nav-group a b{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#f2f4f7;color:#667085;font-size:9px;flex:0 0 auto}.admin-nav .nav-group a.active b{background:#fff1f2;color:#b4232f}.admin-nav .nav-group a span{min-width:0}.nav-group-system{padding-top:3px;border-top:1px solid var(--line)}.sidebar-version{border:1px solid var(--line);background:#f8fafc;border-radius:10px;padding:9px 10px;display:flex;align-items:center;gap:7px;margin-top:auto}.sidebar-version span{font-size:8px;color:#98a2b3;letter-spacing:.7px}.sidebar-version strong{font-size:10px;color:#344054;margin-left:auto}.sidebar-version small{font-size:8px;color:#98a2b3}.admin-sidebar .sidebar-user{margin-top:9px}.admin-main{margin-left:272px;width:calc(100% - 272px);max-width:none;padding:32px 36px 40px}.admin-page-header{margin-bottom:22px}.system-chip.warning-chip{color:#9a5b00;background:var(--amber-bg);border-color:#f4d6a0}.system-chip.warning-chip i{background:#f79009;box-shadow:0 0 0 4px rgba(247,144,9,.12)}
.dashboard-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.dashboard-metric-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 7px 24px rgba(31,41,55,.05);position:relative}.dashboard-metric-card.metric-attention{border-color:#f0d49d;background:#fffdfa}.metric-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-head span{font-size:10px;font-weight:750;color:#667085}.metric-head b{width:28px;height:28px;border-radius:8px;background:#f2f4f7;display:grid;place-items:center;font-size:9px;color:#667085}.dashboard-metric-card>strong{display:block;font-size:28px;line-height:1;margin:15px 0 8px;color:#101828}.dashboard-metric-card>p{min-height:28px;margin:0;color:#98a2b3;font-size:10px;line-height:1.4}.dashboard-metric-card>a{display:inline-block;margin-top:10px;text-decoration:none;font-size:10px;font-weight:750;color:#475467}.dashboard-metric-card>a:hover{color:#101828}.mini-badge{display:inline-flex!important;padding:3px 6px;border-radius:999px;margin-right:4px;font-size:9px!important;font-weight:750}.mini-badge.official{background:#eff6ff;color:#1d4ed8}.mini-badge.demo{background:#fff1f0;color:#b42318}
.dashboard-split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.dashboard-split .panel{margin:0}.dashboard-panel{height:100%}.licence-distribution{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px}.licence-stat{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fbfcfd}.licence-stat>div{display:flex;align-items:center;gap:8px}.licence-stat strong{font-size:10px;color:#344054}.licence-stat>b{display:block;font-size:25px;margin:13px 0 4px}.licence-stat small{font-size:9px;color:#98a2b3}.verification-badge{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:900;flex:0 0 auto}.verification-badge.official{background:#dbeafe;color:#1d4ed8}.verification-badge.demo{background:#fee2e2;color:#b42318}.verification-badge.repeat{background:#ffedd5;color:#c2410c}.pool-card-body{padding:20px}.pool-numbers{display:flex;align-items:baseline;gap:7px}.pool-numbers strong{font-size:30px}.pool-numbers span{font-size:11px;color:#98a2b3}.capacity-bar{height:10px;border-radius:999px;background:#eef2f6;overflow:hidden;margin:17px 0 15px}.capacity-bar>span{display:block;height:100%;min-width:0;background:linear-gradient(90deg,#2563eb,#5b8df7);border-radius:inherit}.pool-range-list{display:grid;gap:6px}.pool-range-list code{font-size:9px;padding:7px 9px;border-radius:7px;background:#f8fafc;border:1px solid var(--line);color:#475467}.infrastructure-grid{align-items:stretch}.health-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.health-list>div{padding:12px;border-bottom:1px solid var(--line)}.health-list>div:nth-child(odd){border-right:1px solid var(--line)}.health-list>div:nth-last-child(-n+2){border-bottom:0}.health-list span{display:block;font-size:9px;color:#98a2b3;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.health-list strong{font-size:10px;color:#344054;word-break:break-word}.runtime-error{margin:0 16px 16px;padding:10px 12px;border:1px solid #f7c6c2;background:#fff1f0;border-radius:9px}.runtime-error strong{display:block;color:#b42318;font-size:10px}.runtime-error span{display:block;color:#7a4944;font-size:9px;margin-top:4px;word-break:break-word}.dashboard-table-wrap{border-radius:0 0 var(--radius) var(--radius)}.admin-table th{font-size:9px;text-transform:uppercase;letter-spacing:.55px}.admin-table td{vertical-align:middle}.admin-table td>strong{font-size:11px}.licence-pill{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800}.licence-pill.licence-official{background:#eff6ff;color:#1d4ed8}.licence-pill.licence-demo{background:#fff1f0;color:#b42318}.status-tag.danger{color:#b42318;background:#fff1f0;border-color:#f7c6c2}.repeat-warning{color:#c2410c!important;margin-top:4px!important}.dashboard-footer-note{margin-top:18px;padding:15px 17px;border:1px dashed #cfd6df;border-radius:12px;background:#f8fafc;display:flex;gap:18px;align-items:center}.dashboard-footer-note>div{min-width:150px}.dashboard-footer-note strong{font-size:10px;display:block;color:#344054}.dashboard-footer-note span{font-size:9px;color:#98a2b3}.dashboard-footer-note p{margin:0;font-size:10px;color:#667085;line-height:1.5}.legacy-notice{background:#fffaf0;border-color:#f4d6a0}.legacy-notice .notice-icon{background:#ffedd5;color:#c2410c}.phase-placeholder{min-height:330px;display:flex;align-items:center;justify-content:center;gap:22px;padding:42px}.phase-placeholder-icon{width:70px;height:70px;border-radius:20px;background:#fff1f2;color:#b4232f;display:grid;place-items:center;font-weight:900;font-size:16px;box-shadow:0 10px 30px rgba(180,35,47,.1)}.phase-placeholder>div:last-child{max-width:680px}.phase-placeholder h2{margin:6px 0 8px;font-size:22px}.phase-placeholder p{color:#667085;line-height:1.65;font-size:12px;margin:0 0 18px}.phase-placeholder a{text-decoration:none;display:inline-flex}.status-tag.warning{color:#9a5b00;background:var(--amber-bg);border-color:#f4d6a0}
@media(max-width:1500px){.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1050px){.dashboard-split{grid-template-columns:1fr}.licence-distribution{grid-template-columns:1fr 1fr 1fr}}@media(max-width:820px){.admin-sidebar{width:100%;position:static}.admin-main{margin:0;width:100%;padding:20px}.admin-nav{display:grid!important;grid-template-columns:1fr 1fr;gap:12px}.nav-group{margin-bottom:0}.sidebar-version{display:none}.dashboard-metrics{grid-template-columns:1fr 1fr}.dashboard-split{grid-template-columns:1fr}.dashboard-footer-note{display:block}.dashboard-footer-note p{margin-top:7px}.phase-placeholder{padding:28px;align-items:flex-start}.licence-distribution{grid-template-columns:1fr}.health-list{grid-template-columns:1fr}.health-list>div{border-right:0!important;border-bottom:1px solid var(--line)!important}.health-list>div:last-child{border-bottom:0!important}}@media(max-width:540px){.dashboard-metrics{grid-template-columns:1fr}.admin-nav{grid-template-columns:1fr}.phase-placeholder{display:block}.phase-placeholder-icon{margin-bottom:16px}}

/* V0.13.1 PHASE 3.2 — Customers + Devices */
.customer-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 18px}.customer-summary-grid article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 16px;box-shadow:0 7px 24px rgba(31,41,55,.04)}.customer-summary-grid article.attention{border-color:#f4d6a0;background:#fffdfa}.customer-summary-grid span{display:block;color:#667085;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.65px}.customer-summary-grid strong{display:block;font-size:24px;margin:9px 0 4px;color:#101828}.customer-summary-grid small{display:block;color:#98a2b3;font-size:9px}.customer-summary-grid .summary-date{font-size:18px}.text-blue{color:#1d4ed8!important}.text-red{color:#b42318!important}.devices-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-filter-panel{margin-top:0}.admin-filter-form{display:grid;grid-template-columns:minmax(300px,2fr) minmax(150px,.7fr) minmax(170px,.7fr) auto;gap:12px;align-items:end;padding:15px 17px}.filter-field{display:grid;gap:6px}.filter-field label{font-size:9px;color:#667085;font-weight:800;text-transform:uppercase;letter-spacing:.55px}.filter-field input,.filter-field select{width:100%;height:38px}.filter-actions{display:flex;gap:8px;align-items:center}.filter-actions a{text-decoration:none}.licence-pill.licence-none{background:#f2f4f7;color:#667085}.row-action{text-decoration:none;white-space:nowrap;padding:7px 10px!important}.customer-table td:first-child{min-width:190px}.customer-table td:nth-child(2){min-width:130px}.customer-table td:nth-child(4){min-width:120px}.customer-table td:nth-child(6){min-width:150px}.breadcrumb-link,.inline-link,.table-link{color:#475467;text-decoration:none}.breadcrumb-link:hover,.inline-link:hover,.table-link:hover{color:#101828;text-decoration:underline}.table-link{font-weight:750}.repeat-demo-notice{background:#fff8ed;border-color:#f4d6a0}.repeat-demo-notice .notice-icon{background:#ffedd5;color:#c2410c}.customer-device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}.customer-device-card{border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}.customer-device-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 15px;border-bottom:1px solid var(--line);background:#fbfcfd}.customer-device-head>div{display:flex;align-items:flex-start;gap:10px}.customer-device-head strong{font-size:12px;color:#344054}.customer-device-head small{display:block;font-size:9px;color:#98a2b3;margin-top:3px;word-break:break-all}.customer-device-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:5px 14px}.customer-device-body>div{padding:11px 4px;border-bottom:1px solid var(--line)}.customer-device-body>div:nth-last-child(-n+2){border-bottom:0}.customer-device-body>div:nth-child(odd){padding-right:12px}.customer-device-body>div:nth-child(even){padding-left:12px;border-left:1px solid var(--line)}.customer-device-body span:not(.licence-pill){display:block;font-size:8px;color:#98a2b3;text-transform:uppercase;letter-spacing:.55px;margin-bottom:5px}.customer-device-body strong{display:block;font-size:10px;color:#344054;word-break:break-word}.customer-device-body small{display:block;font-size:9px;color:#98a2b3;margin-top:3px}.customer-device-actions{display:flex;justify-content:flex-end;padding:10px 14px;border-top:1px solid var(--line);background:#fbfcfd}.customer-device-actions a{text-decoration:none}.device-directory-table td:first-child{min-width:190px}.device-directory-table td:nth-child(2){min-width:160px}.device-directory-table td:nth-child(4){min-width:130px}.device-detail-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.device-detail-layout .panel{margin:0}.record-detail-list{padding:8px 17px 16px}.record-detail-list>div:not(.detail-empty){display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px 2px;border-bottom:1px solid var(--line);align-items:start}.record-detail-list>div:last-child{border-bottom:0}.record-detail-list span{font-size:9px;color:#98a2b3;text-transform:uppercase;letter-spacing:.5px}.record-detail-list strong,.record-detail-list code{font-size:10px;color:#344054;word-break:break-word}.record-detail-list code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.detail-empty{padding:25px 4px;text-align:center;color:#98a2b3;font-size:10px}.device-detail-layout+.dashboard-split{margin-top:16px}
@media(max-width:1300px){.customer-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.device-detail-layout{grid-template-columns:1fr 1fr}.device-detail-layout article:last-child{grid-column:1/-1}.admin-filter-form{grid-template-columns:2fr 1fr 1fr}.filter-actions{grid-column:1/-1}}
@media(max-width:900px){.customer-summary-grid,.devices-summary-grid{grid-template-columns:1fr 1fr}.customer-device-grid{grid-template-columns:1fr}.admin-filter-form{grid-template-columns:1fr 1fr}.filter-search,.filter-actions{grid-column:1/-1}.device-detail-layout{grid-template-columns:1fr}.device-detail-layout article:last-child{grid-column:auto}}
@media(max-width:540px){.customer-summary-grid,.devices-summary-grid,.admin-filter-form{grid-template-columns:1fr}.filter-search,.filter-actions{grid-column:auto}.customer-device-body{grid-template-columns:1fr}.customer-device-body>div{padding:10px 4px!important;border-left:0!important;border-bottom:1px solid var(--line)!important}.customer-device-body>div:last-child{border-bottom:0!important}.record-detail-list>div:not(.detail-empty){grid-template-columns:1fr;gap:4px}}


/* V0.13.2 PHASE 3.3 — Licence Requests + Licences Management */
.request-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.licence-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 18px}.licence-summary-grid article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 16px;box-shadow:0 7px 24px rgba(31,41,55,.04)}.licence-summary-grid article.attention{border-color:#f4d6a0;background:#fffdfa}.licence-summary-grid span{display:block;color:#667085;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.65px}.licence-summary-grid strong{display:block;font-size:24px;margin:9px 0 4px;color:#101828}.licence-summary-grid small{display:block;color:#98a2b3;font-size:9px}.workflow-filter-form{grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(140px,.7fr)) auto}.workflow-table td:first-child{min-width:230px}.workflow-table td:nth-child(3){min-width:130px}.workflow-table td:nth-child(4){min-width:130px}.workflow-row-attention{background:#fffaf3}.workflow-row-attention:hover{background:#fff6e8}.workflow-flash{display:flex;gap:10px;align-items:center;padding:12px 15px;margin:0 0 16px;border-radius:11px;border:1px solid;font-size:11px}.workflow-flash strong{font-size:10px;text-transform:uppercase;letter-spacing:.55px}.workflow-flash.good{background:var(--green-bg);border-color:#b7ebcd;color:#067647}.workflow-flash.danger{background:var(--red-bg);border-color:#f7c6c2;color:#b42318}.workflow-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.workflow-detail-grid>.panel{margin:0}.workflow-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.workflow-actions-grid>.panel{margin:0}.licence-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.action-panel .panel-head{align-items:flex-start}.workflow-action-form{display:grid;gap:13px;padding:17px}.workflow-action-form textarea{width:100%;min-height:84px;resize:vertical;border:1px solid #cfd6df;border-radius:9px;padding:10px 11px;background:#fff;color:#344054;font:inherit}.workflow-action-form textarea:focus,.workflow-action-form input:focus{outline:2px solid rgba(37,99,235,.12);border-color:#9bb7ed}.danger-button,.official-button{border-radius:9px;padding:10px 14px;font-weight:750;cursor:pointer;border:1px solid transparent;justify-self:start}.danger-button{background:#b42318;color:#fff}.danger-button:hover{background:#912018}.official-button{background:#2563eb;color:#fff}.official-button:hover{background:#1d4ed8}.approve-panel{border-top:3px solid #12b76a}.reject-panel,.revoke-panel{border-top:3px solid #d92d20}.official-upgrade-panel{border-top:3px solid #2563eb}.licence-record-split{margin-top:16px}.licence-record-split>.panel{margin:0}.workflow-action-form input[type=number]{width:100%;height:38px}.workflow-actions-grid .panel-head p{max-width:520px}
@media(max-width:1450px){.licence-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.licence-action-grid{grid-template-columns:1fr 1fr}.licence-action-grid .revoke-panel{grid-column:1/-1}.workflow-filter-form{grid-template-columns:2fr 1fr 1fr}.workflow-filter-form .filter-actions{grid-column:1/-1}}
@media(max-width:1050px){.workflow-detail-grid{grid-template-columns:1fr 1fr}.workflow-detail-grid article:last-child{grid-column:1/-1}.workflow-actions-grid,.licence-action-grid{grid-template-columns:1fr}.licence-action-grid .revoke-panel{grid-column:auto}}
@media(max-width:820px){.request-summary-grid,.licence-summary-grid{grid-template-columns:1fr 1fr}.workflow-filter-form{grid-template-columns:1fr 1fr}.workflow-filter-form .filter-search,.workflow-filter-form .filter-actions{grid-column:1/-1}.workflow-detail-grid{grid-template-columns:1fr}.workflow-detail-grid article:last-child{grid-column:auto}}
@media(max-width:540px){.request-summary-grid,.licence-summary-grid,.workflow-filter-form{grid-template-columns:1fr}.workflow-filter-form .filter-search,.workflow-filter-form .filter-actions{grid-column:auto}.workflow-flash{display:grid}}

/* V0.13.3 PHASE 3.4 — Network + Gateway Admin */
.network-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 18px}.network-summary-grid article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 16px;box-shadow:0 7px 24px rgba(31,41,55,.04)}.network-summary-grid article.attention{border-color:#f4d6a0;background:#fffdfa}.network-summary-grid article.danger-card{border-color:#f7c6c2;background:#fff8f7}.network-summary-grid span{display:block;color:#667085;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.65px}.network-summary-grid strong{display:block;font-size:23px;margin:9px 0 4px;color:#101828}.network-summary-grid small{display:block;color:#98a2b3;font-size:9px;line-height:1.5}.network-alert{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;padding:12px 15px;border:1px solid;border-radius:11px;font-size:10px}.network-alert strong{font-size:9px;text-transform:uppercase;letter-spacing:.55px;white-space:nowrap}.network-alert.warning{background:#fff8ed;border-color:#f4d6a0;color:#9a5700}.network-alert.danger{background:var(--red-bg);border-color:#f7c6c2;color:#b42318}.network-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.network-health-grid>.panel{margin:0}.network-health-card .panel-head{align-items:flex-start}.reconcile-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.reconcile-metrics>div{background:#fff;padding:15px 12px;text-align:center}.reconcile-metrics span{display:block;color:#98a2b3;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.55px}.reconcile-metrics strong{display:block;color:#101828;font-size:19px;margin-top:7px}.network-card-foot{padding:11px 16px;color:#98a2b3;font-size:9px}.network-filter-form{grid-template-columns:minmax(320px,2fr) minmax(180px,.7fr) auto}.network-peer-table td:first-child{min-width:215px}.network-peer-table td:nth-child(2){min-width:155px}.network-peer-table td:nth-child(3){min-width:190px}.network-peer-table td:nth-child(4){min-width:165px}.network-peer-table td:nth-child(5){min-width:125px}.network-peer-table td:nth-child(6){min-width:135px}.network-peer-table code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.network-key{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.network-row-attention{background:#fffaf8}.network-row-attention:hover{background:#fff5f1}.network-note{display:flex;gap:10px;align-items:flex-start;margin-top:15px;padding:12px 15px;border:1px solid #d7e3f7;border-radius:11px;background:#f8fbff;color:#475467;font-size:10px}.network-note strong{color:#1d4ed8;font-size:9px;text-transform:uppercase;letter-spacing:.55px;white-space:nowrap}.text-good{color:#067647!important}.text-neutral{color:#667085!important}
@media(max-width:1450px){.network-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.network-health-grid{grid-template-columns:1fr 1fr}.network-health-grid article:last-child{grid-column:1/-1}}
@media(max-width:980px){.network-health-grid{grid-template-columns:1fr}.network-health-grid article:last-child{grid-column:auto}.network-filter-form{grid-template-columns:1fr 1fr}.network-filter-form .filter-search,.network-filter-form .filter-actions{grid-column:1/-1}}
@media(max-width:760px){.network-summary-grid{grid-template-columns:1fr 1fr}.reconcile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.network-alert,.network-note{display:grid}.network-filter-form{grid-template-columns:1fr}.network-filter-form .filter-search,.network-filter-form .filter-actions{grid-column:auto}}
@media(max-width:520px){.network-summary-grid{grid-template-columns:1fr}}

/* V0.13.4 PHASE 3.5 — Licence History + Audit Logs */
.record-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 18px}.record-summary-grid article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 16px;box-shadow:0 7px 24px rgba(31,41,55,.04)}.record-summary-grid span{display:block;color:#667085;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.65px}.record-summary-grid strong{display:block;font-size:23px;margin:9px 0 4px;color:#101828}.record-summary-grid small{display:block;color:#98a2b3;font-size:9px;line-height:1.5}.record-filter-form{grid-template-columns:minmax(260px,1.7fr) repeat(5,minmax(130px,.7fr)) auto}.audit-filter-form{grid-template-columns:minmax(260px,1.7fr) minmax(180px,1fr) minmax(150px,.8fr) minmax(150px,.8fr) minmax(130px,.7fr) minmax(130px,.7fr) auto}.record-table td:first-child{min-width:155px}.record-table td:nth-child(2){min-width:230px}.record-table td:nth-child(3){min-width:210px}.record-table td:nth-child(6){min-width:280px}.record-details-text{display:block;max-width:560px;white-space:normal;line-height:1.55;color:#667085}.audit-table td:first-child{min-width:165px}.audit-table td:nth-child(2){min-width:190px}.audit-table td:nth-child(4){min-width:160px}.audit-table td:nth-child(5){min-width:340px}.audit-action-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.15px}.record-source-note{margin-top:0}.audit-detail-grid{grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr) minmax(280px,.9fr)}.audit-details-body{padding:20px 22px;white-space:pre-wrap;word-break:break-word;color:#344054;font-size:12px;line-height:1.7;min-height:170px}.audit-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1500px){.record-filter-form,.audit-filter-form{grid-template-columns:2fr 1fr 1fr 1fr}.record-filter-form .filter-actions,.audit-filter-form .filter-actions{grid-column:1/-1}.audit-detail-grid{grid-template-columns:1fr 1fr}.audit-detail-grid article:last-child{grid-column:1/-1}}
@media(max-width:1050px){.record-summary-grid,.audit-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.record-filter-form,.audit-filter-form{grid-template-columns:1fr 1fr}.record-filter-form .filter-search,.record-filter-form .filter-actions,.audit-filter-form .filter-search,.audit-filter-form .filter-actions{grid-column:1/-1}.audit-detail-grid{grid-template-columns:1fr}.audit-detail-grid article:last-child{grid-column:auto}}
@media(max-width:620px){.record-summary-grid,.audit-summary-grid,.record-filter-form,.audit-filter-form{grid-template-columns:1fr}.record-filter-form .filter-search,.record-filter-form .filter-actions,.audit-filter-form .filter-search,.audit-filter-form .filter-actions{grid-column:auto}}

/* UI refresh – responsive admin workspace. Additive styles: existing controllers/forms stay intact. */
:root {--bg:#f4f7fb;--surface:#ffffff;--surface-2:#f8fafd;--line:#e1e8f2;--text:#16243d;--muted:#65758f;--accent:#2563eb;--accent-dark:#1d4ed8;--shadow:0 12px 32px rgba(22,35,65,.045);--radius:16px}
html,body{font-family:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:-.006em}
body.ub-dashboard-shell{display:block;background:var(--bg)}
.ub-sidebar{width:250px!important;padding:24px 14px 14px!important;box-shadow:none!important;display:flex!important;flex-direction:column;background:#fff!important;border-right:1px solid #e5ebf3!important}
.ub-brand{display:flex!important;align-items:center;gap:10px;padding:2px 11px 20px!important;margin:0!important;min-height:69px;text-decoration:none}
.ub-brand-icon{flex:none;object-fit:contain;border-radius:12px}
.ub-brand strong{font-size:18px!important;letter-spacing:-.035em;text-transform:none!important;font-weight:750}
.ub-brand small{font-size:10px!important;color:#71819a!important;line-height:1.25;display:block;margin-top:3px;text-transform:none!important;letter-spacing:0}
.ub-sidebar .admin-nav{display:block!important;margin:12px 0!important;padding:0!important;overflow-y:auto;flex:1;min-height:0}
.ub-sidebar .nav-group{margin:0 0 18px!important}
.ub-sidebar .nav-label{font-size:10px;letter-spacing:.1em;color:#94a3b8;padding:0 14px;margin-bottom:7px;display:block;font-weight:700}
.ub-sidebar .admin-nav a{display:flex!important;gap:12px;align-items:center;min-height:42px;padding:9px 13px!important;margin:2px 0;border-radius:10px!important;font-size:13px!important;font-weight:570!important;border:0!important;color:#485873!important;background:transparent!important;text-decoration:none;transition:background .13s,color .13s}
.ub-sidebar .admin-nav a b{font-family:"Segoe UI Symbol","Segoe UI",sans-serif;font-size:17px!important;font-weight:500!important;line-height:1!important;color:#8799b4;display:grid;place-items:center;width:24px!important;height:25px!important;min-width:24px!important;background:transparent!important;border:0!important}
.ub-sidebar .admin-nav a:hover{background:#f0f5ff!important;color:#1d4ed8!important}
.ub-sidebar .admin-nav a.active{background:#eaf1ff!important;color:#1d4ed8!important;font-weight:700!important;box-shadow:none!important}
.ub-sidebar .admin-nav a.active b{color:#2563eb!important}
.ub-sidebar-bottom{border-top:1px solid #edf1f6;padding:17px 9px 6px}
.ub-sidebar-user{display:flex!important;align-items:center;gap:10px;padding:0!important;margin-bottom:12px!important;border:0!important;background:transparent!important;min-width:0}
.ub-sidebar-user>div{min-width:0}.ub-sidebar-user strong{display:block!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:148px;font-size:12px!important}.ub-sidebar-user small{font-size:11px;color:#94a3b8}
.ub-avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;background:#e8efff;color:#2456c3;font-weight:750}
.ub-signout{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:38px;border-radius:9px!important;padding:8px 10px!important;font-size:12px!important}
.ub-main{margin-left:250px!important;padding:0!important;min-width:0!important;width:calc(100% - 250px)!important;max-width:none!important;background:transparent}
.ub-topbar{height:64px;background:rgba(255,255,255,.95);border-bottom:1px solid #e5ebf3;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:8;backdrop-filter:blur(10px)}
.ub-topbar-label{font-size:13px;font-weight:700;color:#465675}.ub-topbar-actions{display:flex;gap:22px}.ub-toplink{font-size:12px;color:#64748b;text-decoration:none;font-weight:650}.ub-toplink:hover{color:#2563eb}
.ub-page-content{max-width:1660px;padding:30px 32px 60px;margin:0 auto;min-width:0}
.ub-main .page-header{margin:0 0 24px!important;padding:0!important;background:transparent!important;border:0!important;min-height:0!important}
.ub-main .page-header h1{font-size:28px!important;letter-spacing:-.04em;font-weight:750!important;margin:4px 0 7px!important}
.ub-main .page-header p{color:#64748b;font-size:13px;line-height:1.6;margin:0;max-width:660px}
.ub-main .page-kicker{color:#2563eb!important;font-size:10px!important;letter-spacing:.11em!important;font-weight:700}
.ub-main .panel,.ub-main .dashboard-metric-card,.ub-main .customer-summary-grid article,.ub-main .devices-summary-grid article,.ub-main .licence-summary-grid article,.ub-main .record-summary-grid article,.ub-main .network-summary-grid article{border-color:#e4eaf3!important;box-shadow:0 7px 24px rgba(35,62,99,.035)!important;border-radius:15px!important;background:#fff}
.ub-main .dashboard-metric-card:hover{border-color:#bdd1f5!important;transform:translateY(-1px);transition:.15s}
.ub-main .dashboard-metric-card strong{font-size:28px!important;letter-spacing:-.035em}
.ub-main .dashboard-metric-card a{color:#245ecf!important;font-weight:650;text-decoration:none}
.ub-main .dashboard-metric-card a:hover{text-decoration:underline}
.ub-main .admin-table{border-collapse:separate;border-spacing:0;min-width:740px;width:100%}
.ub-main .admin-table thead th{position:sticky;top:0;background:#f8fafd!important;color:#64748b!important;font-size:11px!important;letter-spacing:.015em;text-transform:none;border-bottom:1px solid #e3e9f3;padding:13px 12px;white-space:nowrap;z-index:1}
.ub-main .admin-table tbody tr:hover{background:#f7faff!important}
.ub-main .admin-table td{padding:15px 12px;border-color:#eff2f6;vertical-align:middle}
.ub-main .table-wrap{overflow-x:auto;scrollbar-width:thin;border-radius:12px}
.ub-main input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.ub-main select,.ub-main textarea{border:1px solid #d8e2ef!important;border-radius:10px!important;background:#fff!important;min-height:38px;color:#253451}
.ub-main input:focus-visible,.ub-main select:focus-visible,.ub-main textarea:focus-visible{outline:2px solid #7dabff!important;outline-offset:1px}
.ub-main a.primary,.ub-main button.primary,.ub-main button[type=submit].primary{background:#2563eb!important;border-color:#2563eb!important;border-radius:9px!important;box-shadow:none!important;color:#fff!important}
.ub-main a.secondary,.ub-main button.secondary{border-radius:9px!important}
.ub-main .admin-filter-panel{padding:16px 20px!important}
.ub-main .status-tag,.ub-main .licence-pill,.ub-main .mini-badge{border-radius:999px!important;font-size:11px!important;font-weight:700}
.ub-main .status-tag.good,.ub-main .system-chip.good{background:#e8f7ee!important;color:#138351!important}
.ub-main .status-tag.danger{background:#fef0f0!important;color:#bc3232!important}
.ub-main .status-tag.warning{background:#fff6e5!important;color:#b97713!important}
.ub-main .dashboard-footer-note{opacity:.75}
.ub-main .header-actions .status-tag.good:has(+ .status-tag){display:none}
.ub-main .admin-page-header>.header-actions .status-tag.good:has(+ .status-tag){display:none}
.ub-main .dashboard-metric-card .metric-head b{background:#edf3ff!important;color:#3268ca!important}
.ub-menu-button{display:none;background:transparent;border:0;font-size:22px;color:#415371;cursor:pointer;padding:5px 10px;margin-left:-10px}
.ub-mobile-backdrop{display:none}
.ub-auth-main{width:100%}.ub-login-shell{background:radial-gradient(ellipse at 22% 12%,#eaf1ff 0,transparent 44%),#f6f8fc}
.ub-login-shell .login-card{border-radius:20px!important;box-shadow:0 22px 70px rgba(35,62,99,.09)!important}
.ub-login-shell .login-brand{align-items:center;gap:13px}
.ub-login-shell .login-brand strong{font-size:18px;text-transform:none}
.ub-login-shell .login-help{display:none}
@media(max-width:1150px){.ub-sidebar{width:224px!important}.ub-main{margin-left:224px!important;width:calc(100% - 224px)!important}.ub-page-content{padding:26px 23px 50px}.ub-topbar{padding:0 23px}}
@media(max-width:840px){.ub-sidebar{width:270px!important;transform:translateX(-105%);transition:transform .18s ease;z-index:24!important;box-shadow:0 30px 80px rgba(10,29,58,.2)!important}.ub-sidebar.ub-open{transform:translateX(0)}.ub-main{margin-left:0!important;width:100%!important}.ub-menu-button{display:inline-flex}.ub-topbar{justify-content:flex-start;gap:13px}.ub-topbar-actions{margin-left:auto}.ub-mobile-backdrop.ub-open{display:block;position:fixed;inset:0;z-index:22;background:rgba(20,33,58,.32)}.ub-page-content{padding:24px 18px 48px}.ub-main .page-header h1{font-size:25px!important}}
@media(max-width:520px){.ub-topbar{padding:0 17px}.ub-toplink{display:none}.ub-page-content{padding:20px 12px 38px}.ub-main .page-header{display:block!important}.ub-main .page-header .header-actions{margin-top:15px;justify-content:flex-start}.ub-main .admin-filter-panel{padding:13px!important}}
@media(prefers-reduced-motion:reduce){.ub-sidebar,.ub-main .dashboard-metric-card{transition:none!important}}