:root{font-family:Segoe UI,Arial,sans-serif;color:#0f172a;background:#f3f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.page-shell{min-height:100vh;background:#f3f6fa}.brand-line{height:8px;background:#f26a21}.page-container{width:min(100%,672px);margin:0 auto;padding:28px 16px 12px}.page-header{display:flex;flex-direction:column;align-items:center;text-align:center}.brand-logo{width:104px;height:104px;object-fit:contain}.brand-name{margin:16px 0 0;color:#e85d13;font-size:12px;font-weight:800;text-transform:uppercase}.header-spacer{width:100%;height:28px;flex:0 0 28px}.page-header h1{margin:0;color:#082c57;font-size:30px;line-height:1.2;font-weight:800}.page-header h2{margin:4px 0 0;color:#ed5b16;font-size:30px;line-height:1.2;font-weight:800}.device-panel{margin-top:28px;overflow:hidden;border:1px solid #dbe3ed;border-radius:8px;background:#fff;box-shadow:0 14px 40px #0f23411a}.state-panel{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:#334155;text-align:center}.state-panel p{margin:16px 0 0;font-weight:700}.spin{color:#1d4ed8;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-panel h3{margin:18px 0 0;font-size:20px}.error-panel p{max-width:390px;margin:8px 0 0;color:#64748b;font-weight:400;line-height:1.6}.error-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;color:#dc2626;background:#fef2f2}.error-panel button{display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:10px 16px;border:0;border-radius:6px;color:#fff;background:#0b4d8c;font-weight:800;cursor:pointer}.device-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 28px;color:#fff;background:#082c57}.device-hero p{margin:0;color:#bfdbfe;font-size:12px;font-weight:800;text-transform:uppercase}.device-hero h3{margin:4px 0 0;overflow-wrap:anywhere;font-size:24px;line-height:1.2}.service-badge{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;color:#fde68a;background:#f59e0b26;font-size:12px;font-weight:800}.service-badge i,.license-state span{width:8px;height:8px;border-radius:50%;background:#fbbf24}.service-badge.active{color:#a7f3d0;background:#10b98129}.service-badge.active i{background:#6ee7b7}.detail-list{padding:0 28px}.detail-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:16px 0;border-bottom:1px solid #dbe3ed}.detail-row:last-child{border-bottom:0}.detail-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;color:#1d4ed8;background:#eff6ff}.detail-copy{min-width:0;align-self:center}.detail-label{margin:0;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase}.detail-value{margin:4px 0 0;color:#0f172a;font-size:15px;line-height:1.5;font-weight:700;overflow-wrap:anywhere}.licenses{padding:20px 28px;border-top:1px solid #dbe3ed;background:#f8fafc}.licenses>h3{display:flex;align-items:center;gap:8px;margin:0;color:#082c57;font-size:14px;text-transform:uppercase}.license-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px;border-block:1px solid #dbe3ed;background:#ffffffb3}.license-item{display:flex;min-width:0;flex-direction:column;align-items:center;padding:16px;text-align:center;border-right:1px solid #dbe3ed}.license-item:last-child{border-right:0}.license-heading{display:flex;align-items:center;gap:12px}.license-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;color:#94a3b8;background:#f1f5f9}.license-icon.active{color:#047857;background:#ecfdf5}.license-label{margin:0;color:#64748b;font-size:12px;font-weight:800;text-align:left;text-transform:uppercase}.license-state{display:flex;align-items:center;gap:8px;margin:4px 0 0;color:#64748b;font-size:14px;font-weight:800}.license-state span{background:#cbd5e1}.license-state.active{color:#047857}.license-state.active span{background:#10b981}.license-qr{width:112px;height:112px;margin-top:16px;padding-top:12px;border-top:1px solid #dbe3ed;object-fit:contain;background:#fff}.license-note{margin:12px 0 0;color:#64748b;font-size:12px;line-height:1.5}footer{padding:24px 8px 4px;color:#64748b;text-align:center}footer p{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;font-size:12px;font-weight:800}footer small{display:block;margin-top:8px;color:#94a3b8}@media (max-width: 600px){.page-container{padding-top:24px}.brand-logo{width:92px;height:92px}.page-header h1,.page-header h2{font-size:24px}.device-hero{align-items:flex-start;flex-direction:column;padding:20px}.device-hero h3{font-size:20px}.detail-list{padding:0 20px}.licenses{padding:20px}.license-grid{grid-template-columns:1fr}.license-item{border-right:0;border-bottom:1px solid #dbe3ed}.license-item:last-child{border-bottom:0}}