:root{color:#202a34;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{min-height:40px;border:1px solid #697887;border-radius:7px;background:#fff;color:#172532;cursor:pointer;font-weight:700;padding:0 14px}button:hover:not(:disabled),a:hover{color:#075d83}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #42a5d3;outline-offset:3px}.primary{border-color:#075d83;background:#075d83;color:#fff}.primary:hover:not(:disabled){color:#fff;background:#064c6b}input,select,textarea{width:100%;min-height:40px;border:1px solid #9ba9b6;border-radius:6px;background:#fff;color:#202a34;padding:7px 10px}label{display:grid;gap:5px;color:#3f4e5d;font-size:13px;font-weight:750}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(24px,3vw,32px)}h2{font-size:19px}a{color:#075d83}.skip-link{position:fixed;z-index:1000;top:8px;left:8px;transform:translateY(-160%);border-radius:6px;background:#fff;padding:10px 14px}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.login-layout{display:grid;min-height:100vh;place-items:center;padding:20px}.login-form{display:grid;gap:16px;width:min(100%,450px);border:1px solid #c7d0d9;border-radius:12px;background:#fff;box-shadow:0 14px 40px #18273616;padding:30px}.eyebrow{margin-bottom:4px;color:#076d99;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.auth-links{display:flex;flex-wrap:wrap;gap:8px 16px}.link-button{min-height:auto;border:0;background:transparent;color:#075d83;padding:0;text-decoration:underline}.error-message{color:#922f2b;font-weight:700}.success-message{color:#166442;font-weight:700}.app-shell{display:grid;min-height:100vh;grid-template-columns:248px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;min-width:0;border-right:1px solid #ccd4dc;background:#1d2b38;color:#f6fbff;padding:18px 14px}.brand{display:grid;margin:2px 10px 28px;color:#8bd6f2;text-decoration:none}.brand strong{color:#fff;font-size:20px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{border-left:3px solid transparent;border-radius:3px;color:#d5e0e9;padding:10px 12px;text-decoration:none}.sidebar nav a:hover,.sidebar nav a.active{border-left-color:#66c7ed;background:#2a3c4b;color:#fff}.sidebar-footer{display:grid;gap:8px;margin:auto 10px 4px;color:#c8d5df;font-size:13px;overflow-wrap:anywhere}.sidebar-footer a{color:#b9e4f5}.quiet-button{border-color:#61707e;background:transparent;color:#fff}.workspace{min-width:0;padding:24px clamp(16px,3vw,44px) 48px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.breadcrumbs{margin-bottom:4px;color:#637180;font-size:13px}.user-badge{display:flex;align-items:center;gap:10px}.user-badge span{border-radius:999px;background:#e3edf3;padding:5px 10px;font-size:13px;font-weight:750}.loading-bar{height:4px;margin:-12px 0 18px;overflow:hidden;border-radius:4px;background:linear-gradient(90deg,#0877a7 0,#0877a7 45%,#b8dbe9 45%,#b8dbe9);background-size:220% 100%;animation:loading 1.2s linear infinite}@keyframes loading{to{background-position:-220% 0}}.global-notice{margin-bottom:18px;border-left:4px solid #b2453d;background:#fff0ee;color:#842e29;padding:12px 14px}.screen-stack{display:grid;gap:20px}.panel,.table-section,.detail-summary,.filters,.inline-form,.state-panel,.state-page{border:1px solid #d4dbe1;border-radius:9px;background:#fff;padding:18px}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px}.metric{display:block;min-height:98px;border:1px solid #d4dbe1;border-left:4px solid #0877a7;border-radius:8px;background:#fff;color:#364554;padding:14px;text-decoration:none}.metric span{display:block;font-size:13px}.metric strong{display:block;margin-top:7px;color:#172532;font-size:29px}.health-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.health-card{display:grid;gap:5px;min-height:100px;border-left:4px solid #71808e;border-radius:5px;background:#f5f7f9;color:#263645;padding:13px;text-decoration:none}.health-card strong{font-size:25px}.health-card span{font-size:12px}.warning-grid{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));gap:12px}.warning-card{display:flex;align-items:center;gap:14px;min-height:82px;border:1px solid #edc78a;border-radius:8px;background:#fff7e9;color:#714714;padding:14px;text-decoration:none}.warning-card strong{font-size:25px}.filters{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px}.device-filters{grid-template-columns:repeat(4,minmax(150px,1fr))}.inline-form{display:flex;align-items:end;flex-wrap:wrap;gap:12px;background:#eef4f7}.inline-form label{min-width:220px;flex:1}.inline-form [role=alert]{width:100%;color:#922f2b}.table-section{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{color:#526170;font-size:12px;font-weight:850}th,td{border-bottom:1px solid #e1e6ea;padding:11px 9px;vertical-align:top}td small{display:block;margin-top:4px;color:#657383}.mono{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.status{display:inline-block;border-radius:999px;background:#e7ebef;color:#394754;font-size:12px;font-weight:800;padding:3px 8px}.status.active,.status.online{background:#dcf0e5;color:#155f3e}.status.inactive,.status.offline,.status.revoked{background:#f6e1df;color:#8b2e29}.status.unpaid,.status.partially_paid,.status.planned,.status.in_progress{background:#fff0cf;color:#76550c}.status.paid,.status.completed,.status.received{background:#dcf0e5;color:#155f3e}.status.void,.status.corrected,.status.cancelled,.status.refund{background:#f6e1df;color:#8b2e29}.sync-status{display:inline-flex;align-items:baseline;gap:4px;max-width:270px;border-left:3px solid #71808e;padding-left:7px;font-size:12px;font-weight:700}.sync-normal{border-color:#218157;color:#155f3e}.sync-attention{border-color:#b98516;color:#76550c}.sync-warning{border-color:#d16a21;color:#88400d}.sync-critical{border-color:#b83c35;color:#8b2e29}.actions{display:flex;flex-wrap:wrap;gap:7px;min-width:230px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:16px}.empty-state,.state-panel,.state-page{color:#596979}.detail-summary{display:grid;grid-template-columns:minmax(220px,.65fr) 2fr;gap:20px}.detail-summary dl,.telemetry-grid,.contact-card dl{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px;margin:0}dt{color:#657383;font-size:12px}dd{margin:3px 0 0;overflow-wrap:anywhere}.tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid #cdd5dd}.tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent}.tabs button.active{border-bottom-color:#0877a7;color:#075d83}.warning-text{color:#88400d;font-weight:700}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:14px}.contact-card{border:1px solid #d5dce2;border-radius:8px;padding:16px}.contact-card header{display:flex;justify-content:space-between;gap:10px}.contact-card h3{margin-bottom:4px}.contact-card ul{padding-left:20px}.contact-card dl{grid-template-columns:repeat(2,minmax(120px,1fr))}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:18px}.form-stack{display:grid;align-content:start;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px}.form-grid h2,.form-grid h3,.form-grid p,.form-grid .preview,.form-grid .check{grid-column:1 / -1}.check{display:flex;align-items:center;gap:9px}.check input{width:20px;min-height:20px}.period-timeline{display:grid;gap:12px;padding-left:28px}.period-timeline li{border-left:4px solid #71808e;border-radius:5px;background:#f5f7f9;padding:12px 14px}.period-timeline .period-current{border-left-color:#218157}.period-timeline .period-future{border-left-color:#0877a7}.period-timeline .period-revoked,.period-timeline .period-terminated{border-left-color:#b83c35}.period-timeline p{margin:5px 0 0}.entitlement-list small{display:block;color:#88400d}.preview{border:1px solid #b8c9d5;border-radius:7px;background:#f1f7fa;padding:14px}.preview h3{margin-bottom:8px}.preview p:last-child{margin-bottom:0}.danger{border-color:#a52f2a;background:#a52f2a;color:#fff}.danger:hover:not(:disabled){color:#fff;background:#842622}.critical-note,.critical-panel{border:1px solid #e0a39f;border-left:5px solid #a52f2a;border-radius:7px;background:#fff1f0;padding:14px}.critical-panel{display:grid;gap:12px;margin-top:12px}.critical-actions{display:grid;gap:12px}.dialog-backdrop{position:fixed;z-index:900;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0c1724b8;padding:20px}.dialog{width:min(620px,100%);border-radius:10px;background:#fff;box-shadow:0 20px 60px #0007;padding:24px}.dialog{max-height:calc(100vh - 40px);overflow-y:auto}.financial-metrics{grid-template-columns:repeat(3,minmax(160px,1fr))}.margin-summary{border-left:5px solid #218157}.margin-summary.negative{border-left-color:#b83c35;background:#fff1f0}.margin-summary strong{font-size:28px}.secret-output{display:block;overflow-wrap:anywhere;margin:18px 0;border:2px dashed #667786;border-radius:7px;background:#f5f7f9;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:14px}@media (max-width: 1050px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #ccd4dc}.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}.sidebar-footer{margin:18px 10px 0;grid-template-columns:1fr auto auto auto;align-items:center}.metric-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}.filters,.device-filters{grid-template-columns:repeat(3,minmax(150px,1fr))}.detail-summary{grid-template-columns:1fr}.detail-summary dl,.telemetry-grid,.form-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (max-width: 720px){.workspace{padding:18px 12px 32px}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-footer,.topbar{align-items:stretch;grid-template-columns:1fr;flex-direction:column}.metric-grid,.health-grid,.warning-grid,.filters,.device-filters,.settings-grid,.contact-grid,.detail-summary dl,.telemetry-grid,.form-grid,.card-grid{grid-template-columns:1fr}.table-section{padding:12px}th,td{min-width:125px}.user-badge{justify-content:space-between}}