*{box-sizing:border-box}body{margin:0;background:#0b0e14;color:#edf0f6;font:15px/1.5 system-ui}main{max-width:1180px;margin:32px auto;padding:32px}.brand{border-bottom:1px solid #293142;padding-bottom:20px;margin-bottom:20px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#fd5878}h1{font-size:32px;letter-spacing:-.04em;margin:8px 0}h2{font-size:21px;margin:24px 0 12px}p{color:#aeb9ca;overflow-wrap:anywhere}label{display:block;margin:16px 0;font-size:13px;color:#cbd3e1}input,select,textarea{display:block;width:100%;margin-top:7px;padding:12px;background:#0c111b;border:1px solid #394359;border-radius:9px;color:#edf0f6;font:inherit}textarea{min-height:100px;resize:vertical}input[type=checkbox]{display:inline-block;width:auto;margin:0 8px 0 0}button{font:inherit;font-weight:650;padding:11px 16px;margin:6px 8px 6px 0;background:#b81e43;color:white;border:1px solid transparent;border-radius:9px;cursor:pointer;min-height:44px}button:disabled{opacity:.5}button:hover{background:#d02b52}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ff7592;outline-offset:3px}[hidden]{display:none!important}.workspace-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.workspace-bar #state{margin-right:auto;font-size:13px}.workspace-bar button{background:#202a3b;border-color:#394359}.workspace-nav{display:flex;gap:8px;overflow-x:auto;padding:12px 0 20px;position:sticky;top:0;background:#0b0e14;z-index:2}.workspace-nav button{white-space:nowrap;margin:0;background:#161e2c;border-color:#29364c;color:#b6c2d5}.workspace-nav button[aria-pressed=true]{background:#b81e43;color:white;border-color:#f14b72}article{margin:12px 0;border:1px solid #2d374b;border-radius:13px;background:#141c29;overflow:hidden}details>summary{cursor:pointer;list-style:none;padding:15px 40px 15px 18px;min-height:50px;font-weight:650;position:relative}summary::-webkit-details-marker{display:none}details>summary:after{content:'＋';position:absolute;right:16px;top:15px;color:#a6b2c5}details[open]>summary:after{content:'−'}details[open]>summary{border-bottom:1px solid #2d374b}.record>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}.record>summary strong{font-size:16px;overflow-wrap:anywhere}.record-meta{grid-column:1/-1;font-size:12px;font-weight:400;color:#9caec6;overflow-wrap:anywhere}.status-badge{align-self:start;font-size:11px;border:1px solid #42516b;background:#202e42;padding:3px 8px;border-radius:20px}.record-content{padding:4px 18px 18px}.record-content>details{border:1px solid #303b50;border-radius:9px;margin:10px 0;background:#111927}.record-content details>form,.record-content details>p,.record-content details>details{margin:12px 16px}.record-content details details{border:1px solid #303b50;border-radius:8px}.create-panel{border:1px solid #3e4b63;border-radius:12px;background:#172234;margin:16px 0}.create-panel>section{padding:0 18px 18px}.create-panel form,#notice,#staff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.create-panel form button,#notice button,#staff button{align-self:end;justify-self:start}#message{position:sticky;bottom:12px;background:#19263a;padding:12px 16px;border-radius:9px;box-shadow:0 5px 20px #0005}#message:empty{display:none}#customer-count,#device-count{font-size:12px;color:#8da2bf}#activation:not(:empty){padding:14px;border:1px solid #a43d59;border-radius:10px;background:#3a1724}#login,#staff-login{max-width:480px;border:1px solid #29364c;padding:18px;border-radius:12px;margin:16px 0}#audit{max-height:440px;overflow:auto}#audit p{font-size:12px;padding:9px 12px;border-bottom:1px solid #29364c}a{color:#ff819c}@media(min-width:850px){#customers,#devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}#customers>article,#devices>article{margin:0}}@media(max-width:600px){main{margin:0;padding:18px 14px}h1{font-size:27px}.workspace-nav{gap:6px;margin:0 -14px;padding:12px 14px}.workspace-nav button{font-size:13px;padding:10px 13px}.create-panel form,#notice,#staff{grid-template-columns:1fr}.record-content{padding:2px 12px 12px}.workspace-bar button{font-size:12px;padding:9px 12px}#login,#staff-login{max-width:none}}.pagination{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin:12px 0}.pagination span{font-size:12px;color:#aeb9ca}@media(max-width:600px){.workspace-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.workspace-nav button{width:100%}}
