:root{color-scheme:dark;--bg:#0a101b;--surface:#111d2d;--surface2:#172639;--line:#283a50;--muted:#9aadc4;--text:#edf4ff;--cyan:#8ddfeb;--accent:#61ccdd;--green:#80d8b0;--amber:#eac884;--red:#eca0ae;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,input,select{border:1px solid var(--line);border-radius:9px;color:var(--text)}button{padding:9px 14px;font-weight:650;background:var(--surface2)}input,select{background:#0c1725;padding:11px 12px;min-width:0}input:not([type=checkbox]),select{width:100%}input[type=checkbox]{width:17px;height:17px;margin:0;accent-color:var(--accent);vertical-align:middle;flex:none}input::placeholder{color:#7f94ac}button:hover:not(:disabled){filter:brightness(1.12)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}label{display:block;color:#c5d3e4;font-size:13px;font-weight:600;margin-bottom:7px}form>input{margin-bottom:18px}p{color:var(--muted);margin:7px 0 15px}h1{font-size:27px;letter-spacing:-.035em;line-height:1.2;margin:0 0 9px}h2{font-size:17px;letter-spacing:-.015em;line-height:1.35;margin:0 0 10px}h3{font-size:14px;margin:0}.fine{font-size:12px;line-height:1.65;color:var(--muted)}.eyebrow{display:block;font-size:10px;font-weight:750;letter-spacing:.14em;color:#90a9c5}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(#97e3ed,#6ecad9);border-color:#8bd8e5;color:#09212b}.quiet{background:#1a2b3f;border-color:#344961}.danger{background:#352030;border-color:#6c3e51;color:#ffc2cf}.text-button{border:0;background:none;color:var(--cyan);padding:4px 0;font-size:12px;white-space:nowrap}.wide{width:100%}.compact{font-size:12px;padding:8px 12px}.icon-button{display:grid;place-items:center;padding:8px;background:none}.surface{background:linear-gradient(135deg,#162438cc,#101b2bed);border:1px solid var(--line);border-radius:15px;padding:22px;margin-bottom:22px;box-shadow:0 8px 22px #00000012}.signin{max-width:460px;margin:8vh auto;padding:20px}.signin-brand{display:flex;align-items:center;gap:16px;margin-bottom:22px}.signin-brand>span{font-size:25px;font-weight:750;letter-spacing:-.035em}.signin-brand small{display:block;font-size:12px;font-weight:500;color:var(--muted);letter-spacing:0}.signin .eyebrow{margin-bottom:16px}.signin h1{font-size:25px}.signin form{margin-top:24px}.signin .primary{margin-bottom:12px}.notice{position:fixed;z-index:100;top:14px;left:50%;transform:translateX(-50%);max-width:min(700px,calc(100vw - 30px));padding:13px 20px;border:1px solid #46758c;border-radius:10px;background:#122e3e;box-shadow:0 8px 35px #0008;color:#d9f6ff;white-space:pre-line}.notice[data-kind=error]{background:#34232f;border-color:#885166;color:#ffdce6}.app-shell{min-height:100vh;display:grid;grid-template-columns:228px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:#0e1725;border-right:1px solid #233348;padding:24px 16px 18px}.brand{display:flex;align-items:center;gap:9px;color:var(--text);text-decoration:none;margin:0 5px 31px}.brand span{font-size:20px;font-weight:750;letter-spacing:-.04em}.brand small{display:block;font-size:8px;letter-spacing:.2em;color:#7895b1;margin-top:1px}.brand img{object-fit:contain}.nav-label{font-size:9px;letter-spacing:.16em;font-weight:700;color:#7087a1;margin:0 15px 10px}nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;border-color:transparent;color:#aebfd2;background:transparent;padding:12px 14px;text-align:left;font-size:13px;font-weight:550}.nav-item[aria-current=page]{background:linear-gradient(110deg,#244353,#1c2e43);border-color:#34546a;color:#c9f7ff;box-shadow:inset 3px 0 #87dfec}.nav-count{margin-left:auto;font-size:10px;background:#2a4058;color:#c6d9ea;padding:1px 7px;border-radius:5px}.sidebar-bottom{margin-top:auto;padding-top:36px}.admin-identity{display:flex;align-items:center;gap:10px;font-size:12px;margin:0 7px 17px}.admin-identity small{display:block;color:#7890a9;font-size:10px}.avatar{display:grid;place-items:center;border:1px solid #416078;border-radius:10px;width:34px;height:34px;background:#1a3549;color:#b4eefa;font-weight:700}.sidebar-bottom>.quiet{padding:8px;font-size:11px;background:transparent}.pairing-link{display:flex;justify-content:space-between;padding:15px 4px 0;text-decoration:none;color:#7f9bb5;font-size:10px}.main-workspace{min-width:0;background:radial-gradient(ellipse at 96% 0,#294c6530,transparent 45%)}.topbar{height:82px;padding:17px 35px;border-bottom:1px solid #233348;display:flex;justify-content:space-between;align-items:center;gap:16px;background:#101a29a8}.topbar #view-label{font-size:13px;font-weight:600;display:block;margin-top:3px}.topbar .eyebrow{font-size:8px;color:#7890ab}.sync-controls{display:flex;align-items:center;gap:14px}.sync-controls>span{font-size:10px;color:#859ab2}.content{padding:31px 35px 50px;max-width:1600px;margin:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head p{font-size:12px;margin-bottom:0}.tag{display:inline-flex;align-items:center;gap:7px;flex:none;border:1px solid #31485c;border-radius:7px;padding:5px 9px;font-size:10px;color:#b1c9dd;background:#162b3a}.dot{width:5px;height:5px;border-radius:50%;background:var(--green)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.metric{text-align:left;position:relative;padding:20px 18px 16px;min-height:145px;border-radius:13px;background:linear-gradient(135deg,#1c2d42a8,#142033);border-color:#2c4057;box-shadow:0 8px 20px #0001}.metric-icon{position:absolute;right:16px;top:18px;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#24445c;color:#a7cfff}.metric-icon.green{background:#1b3d39;color:var(--green)}.metric-icon.cyan{background:#183e49;color:var(--cyan)}.metric-icon.amber{background:#3c3529;color:var(--amber)}.metric-label{display:block;font-size:11px;font-weight:550;color:#aebed1;padding-right:36px}.metric strong{display:block;font-size:34px;font-weight:650;letter-spacing:-.05em;margin:12px 0 7px;line-height:1}.metric-foot{display:block;font-size:9px;font-weight:400;color:#8098b1}.overview-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.section-head h2,.section-head h3{margin:0}.section-head p{margin:4px 0 0}.count-badge{font-size:10px;border:1px solid #594934;border-radius:6px;color:var(--amber);padding:2px 7px}.readiness-row{display:grid;grid-template-columns:140px minmax(60px,1fr) 35px;align-items:center;gap:14px;margin:20px 0;font-size:11px}.readiness-row strong{font-weight:600;text-align:right}meter{height:7px;width:100%;border:0;background:#223247;border-radius:5px}meter::-webkit-meter-bar{background:#223247;border:0;border-radius:5px}meter::-webkit-meter-optimum-value{background:var(--accent);border-radius:5px}.attention-row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #28394d;text-align:left;width:100%;border-radius:0;border-width:0 0 1px;background:none;font-weight:550}.attention-row:last-child{border-bottom:0}.attention-row small{display:block;font-size:10px;color:#8da2ba;font-weight:400;margin-top:3px}.attention-row>.icon{color:#709ab6;margin-top:4px}.event-row{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #26364b;font-size:12px}.event-row:last-child{border-bottom:0}.event-mark{display:grid;place-items:center;background:#193d3e;width:29px;height:29px;border-radius:9px;color:var(--green)}.event-mark.red{background:#3f2934;color:var(--red)}.event-row small{display:block;color:#8fa4bc;font-size:10px;margin-top:3px}.event-row time{font-size:10px;color:#8ba0b8}.table-surface{padding:0;overflow:hidden}.filterbar{display:flex;align-items:center;gap:12px;padding:18px 20px;flex-wrap:wrap}.filterbar select{width:auto;max-width:210px;font-size:11px;padding:10px}.search-control{display:flex;align-items:center;gap:8px;flex:1 1 250px;position:relative;margin:0}.search-control>.icon{position:absolute;left:12px;width:16px;color:#718ba5}.search-control input{padding-left:37px;font-size:12px}.filterbar>.fine{margin:0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{background:#17283a;color:#8da5bd;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:650;padding:12px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{font-size:11px;padding:17px 18px;border-bottom:1px solid #25364b;color:#c2d1e3}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#1d314338}.check-cell{width:44px;padding-right:0}.device-name{display:block;border:0;padding:0;background:none;color:#e7f1ff;font-size:12px;font-weight:650;text-align:left}.device-name:hover{text-decoration:underline}.mac-text{display:block;font-family:ui-monospace,monospace;font-size:9px;color:#839cb6;margin-top:5px}.status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:4px 7px;font-size:9px;background:#24354b;color:#b2c8df}.status-badge:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.status-badge.authorized{background:#183c34;color:#a1e5c2}.status-badge.revoked{background:#412a34;color:#f0b0bc}.status-badge.pending{background:#3d3427;color:#e8ca91}.last-check{display:block;font-size:10px}.last-check small{display:block;font-size:9px;color:#7c94ac;margin-top:4px}.end{text-align:right}.manage-button{font-size:10px;padding:6px 10px;background:#1c3147}.bulkbar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#1a3546;border-top:1px solid #36556b;border-bottom:1px solid #36556b;padding:11px 20px;font-size:12px}.bulkbar button{font-size:10px;margin-left:8px;padding:6px 9px}.empty-state{text-align:center;padding:35px 20px;color:#90a8bf;font-size:12px;line-height:1.7;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0;margin:0 0 26px;list-style:none}.steps li{display:flex;align-items:center;gap:13px;padding:15px 0}.steps li>span{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid #43627a;border-radius:50%;color:var(--cyan);font-size:12px}.steps strong{font-size:12px}.steps small{display:block;font-size:10px;color:#809bb5;margin-top:4px}.enrollment-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;max-width:1000px}.enrollment-grid form{margin-top:22px}.enrollment-result output{display:block;white-space:pre-line;overflow-wrap:anywhere;font-size:20px;color:#b9edf6;line-height:1.6;margin:22px 0}.enrollment-result .eyebrow{margin-bottom:14px}.device-picker{min-width:250px;margin:0;font-size:10px}.device-picker select{margin-top:5px;font-size:12px}.device-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px}.device-heading h2{font-size:21px;margin-bottom:5px}.device-heading p{margin:0}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions button{font-size:11px}.device-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.device-details-grid form{margin-top:20px}.mono,.fingerprint{font-family:ui-monospace,monospace;overflow-wrap:anywhere}.mono{font-size:14px;color:#d3e4f5}.fingerprint{font-size:26px;letter-spacing:.04em;color:#a3dfeb;margin:23px 0}.policy-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;max-width:850px}.policy-controls select{margin-top:7px;font-size:12px}.catalog-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}.catalog-grid input:not([type=checkbox]){margin-bottom:12px;font-size:12px}.catalog-grid .fine{font-size:10px}.choices{max-height:340px;overflow:auto;border:1px solid #30465c;border-radius:9px;padding:4px 13px;background:#0f1b2a}.choices label{display:flex;align-items:flex-start;gap:10px;font-size:11px;font-weight:400;padding:11px 0;border-bottom:1px solid #203348;margin:0;overflow-wrap:anywhere}.choices label:last-child{border:0}.choices input{margin-top:2px}.savebar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.savebar p{margin:0}.inline-warning{border:1px solid #786039;background:#382f22;color:#f0d9ad;padding:13px 18px;border-radius:10px;font-size:12px;margin-bottom:20px}.inline-warning button{font-size:10px;margin-left:10px}[hidden]{display:none!important}
@media(min-width:1700px){.content{padding-top:40px}.metric{min-height:155px}.metric strong{font-size:39px}}
@media(max-width:1100px){.app-shell{grid-template-columns:192px minmax(0,1fr)}.sidebar{padding:20px 11px}.brand{gap:5px}.brand span{font-size:17px}.brand img{width:43px}.content{padding:25px 22px}.topbar{padding:15px 22px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid,.enrollment-grid{grid-template-columns:1fr}.metric-foot{font-size:10px}.device-heading{align-items:flex-start;flex-direction:column}.steps{gap:10px}.steps small{font-size:9px}.catalog-grid{grid-template-columns:1fr}.device-picker{min-width:210px}}
@media(max-width:720px){.app-shell{display:block}.sidebar{position:relative;height:auto;padding:15px;border-bottom:1px solid var(--line);border-right:0}.brand{margin:0 0 14px}.brand img{width:40px;height:44px}.brand span{font-size:20px}.nav-label,.sidebar-bottom .admin-identity,.pairing-link{display:none}nav{flex-direction:row;gap:5px;overflow:auto;padding-bottom:3px}.nav-item{padding:9px 11px;font-size:11px;white-space:nowrap}.nav-item .icon{width:16px}.nav-count{display:none}.sidebar-bottom{position:absolute;right:15px;top:20px;padding:0;margin:0}.sidebar-bottom>.quiet{padding:5px 10px}.topbar{height:auto;min-height:68px;padding:13px 16px;align-items:center}.sync-controls{gap:8px}.sync-controls>span{display:none}.topbar .compact{font-size:10px;padding:8px}.topbar .eyebrow{font-size:7px}.content{padding:23px 16px 35px}.page-head{gap:12px;align-items:flex-start}h1{font-size:23px}.page-head>p,.page-head p{font-size:11px}.metrics{gap:10px}.metric{padding:16px 13px;min-height:139px}.metric-icon{right:12px;width:29px;height:29px;top:14px}.metric-label{font-size:10px;padding-right:30px}.metric-foot{font-size:9px;max-width:120px}.metric strong{font-size:32px}.surface{padding:18px}.table-surface{padding:0}.filterbar{padding:14px;gap:8px}.filterbar select{max-width:none;flex:1;font-size:10px}.filterbar>.search-control{flex-basis:100%}th,td{padding-left:13px;padding-right:13px}.steps{grid-template-columns:1fr;gap:0;margin-bottom:20px}.steps li{padding:9px 0}.steps small{font-size:10px}.device-details-grid,.policy-controls{grid-template-columns:1fr;gap:0}.page-head:has(.device-picker){flex-direction:column}.device-picker{width:100%}.device-heading .actions{gap:5px}.actions button{font-size:10px;padding:8px}.fingerprint{font-size:22px}.savebar{align-items:flex-start;flex-direction:column}.savebar button{width:100%}.bulkbar{align-items:flex-start;flex-direction:column}.bulkbar button{margin:0 5px 5px 0}.readiness-row{grid-template-columns:120px minmax(40px,1fr) 25px;gap:8px;font-size:10px}.event-row{grid-template-columns:27px 1fr;gap:9px}.event-row time{grid-column:2}.section-head .text-button{font-size:10px}.notice{font-size:12px}.tag{font-size:9px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s,filter .15s}.surface,.metric{animation:arrive .2s ease-out}@keyframes arrive{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}}
.brand{flex-direction:column;gap:6px;text-align:center;margin-bottom:24px}.brand img{width:104px;height:104px;flex:none}.signin-brand img{width:128px;height:128px;object-fit:contain;flex:none}
@media(max-width:720px){.brand{flex-direction:row;gap:10px;text-align:left}.brand img{width:72px;height:72px}.signin-brand{gap:12px}.signin-brand img{width:104px;height:104px}.signin-brand>span{font-size:22px}}