:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7f6;color:#17211d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.boot,.login-screen{min-height:100vh;display:grid;place-items:center;background:linear-gradient(180deg,#f5f7f6f5,#ebf1edeb),#f5f7f6}.login-panel{width:min(420px,calc(100vw - 32px));display:grid;gap:18px;padding:28px;border:1px solid #d9e2dd;border-radius:8px;background:#fff;box-shadow:0 18px 50px #17211d1a}.login-brand{display:flex;gap:12px;align-items:center;color:#176b5b}.login-brand h1{margin:0;font-size:20px;line-height:1.25}.login-brand p{margin:4px 0 0;color:#66736d;font-size:13px}label{display:grid;gap:8px;font-size:13px;color:#52615a}input{width:100%;border:1px solid #cfdbd6;border-radius:6px;min-height:40px;padding:0 12px;color:#17211d;background:#fff;outline:none}textarea{width:100%;min-height:84px;resize:vertical;border:1px solid #cfdbd6;border-radius:6px;padding:10px 12px;color:#17211d;background:#fff;outline:none}textarea:focus{border-color:#1b7f6d;box-shadow:0 0 0 3px #1b7f6d26}input:focus{border-color:#1b7f6d;box-shadow:0 0 0 3px #1b7f6d26}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto auto auto 1fr;background:#f5f7f6}.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 22px;border-bottom:1px solid #dce5e0;background:#fff}.topbar-title{display:flex;align-items:center;gap:12px;min-width:240px;color:#176b5b}.topbar-title h1{margin:0;font-size:18px;line-height:1.25;color:#17211d}.topbar-title span{display:block;margin-top:2px;color:#66736d;font-size:12px}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1;min-width:0}.search-box{width:min(430px,48vw);display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid #cfdbd6;border-radius:6px;background:#fff;color:#66736d}.search-box input{min-height:36px;padding:0;border:0;box-shadow:none}.primary-button,.secondary-button,.icon-button,.copy-button,.primary-link-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;border:1px solid transparent;padding:0 14px;font-weight:650;white-space:nowrap;text-decoration:none}.primary-button,.primary-link-button{color:#fff;background:#176b5b}.primary-button:hover:not(:disabled),.primary-link-button:hover{background:#115949}.secondary-button{color:#1c4037;background:#eef6f3;border-color:#bad8cf}.secondary-button:hover:not(:disabled){background:#e0f0eb}.icon-button{width:40px;padding:0;color:#394a43;border-color:#d7e0db;background:#fff}.copy-button{background:#f2f6f4;border-color:#cbd8d2;color:#263730}.notice,.import-summary,.password-panel,.token-panel,.token-helper-panel,.status-dashboard{margin:12px 22px 0}.notice,.import-summary{min-height:42px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;border:1px solid #e3d29a;color:#5d4512;background:#fff8df}.import-summary{border-color:#bcdccb;color:#24543d;background:#ecf8f1;flex-wrap:wrap}.status-dashboard{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px}.metric-card{min-height:76px;display:grid;grid-template-columns:auto minmax(0,1fr);align-content:center;gap:6px 10px;padding:12px;border:1px solid #dce5e0;border-radius:8px;background:#fff;color:#43514b}.metric-card svg{grid-row:span 2;color:#176b5b}.metric-card span,.metric-card strong{min-width:0;overflow-wrap:anywhere}.metric-card span{font-size:12px}.metric-card strong{color:#16211d;font-size:18px;line-height:1.1}.metric-card.warning svg{color:#9b4a22}.wide-metric{grid-column:span 2}.error-metric{grid-column:span 2;border-color:#efc8b9;background:#fff5f0}.error-metric svg{color:#9b321e}.error-metric strong{font-size:13px;color:#7b2d1a}.skeleton{color:#66736d}.failure-list{color:#8c3d23}.password-panel{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;padding:12px;border:1px solid #d9e2dd;border-radius:8px;background:#fff}.token-panel,.token-helper-panel{display:grid;gap:12px;padding:12px;border:1px solid #d9e2dd;border-radius:8px;background:#fff}.helper-warning{min-height:42px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e3d29a;border-radius:6px;color:#5d4512;background:#fff8df}.device-session-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,220px) auto;align-items:center;gap:12px;padding:14px;border:1px solid #cbded6;border-radius:8px;background:#fbfdfc}.device-session-box p{margin:4px 0 0;color:#66736d;font-size:13px}.device-session-box strong,.helper-shop-row strong{overflow-wrap:anywhere}.device-code{display:grid;gap:4px;justify-items:start}.device-code span{color:#66736d;font-size:12px;font-weight:700}.device-code strong{font-size:28px;letter-spacing:0;color:#17211d}.device-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.danger-button{color:#7b2d1a;border-color:#efc8b9;background:#fff5f0}.helper-queue-head{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#53635b;font-size:13px;font-weight:750}.helper-queue-list{display:grid;gap:8px}.helper-shop-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid #e3ebe7;border-radius:6px;background:#fbfcfb}.helper-shop-row div{min-width:0;display:grid;gap:4px}.helper-shop-row span,.helper-shop-row small{color:#66736d;overflow-wrap:anywhere}.token-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px;align-items:end}.token-action-block{display:grid;gap:8px}.token-action-block span{color:#66736d;font-size:12px;overflow-wrap:anywhere}.compact-summary{margin:0}.panel-title{grid-column:1 / -1;display:flex;align-items:center;gap:8px;color:#17211d}.panel-title .text-button{margin-left:auto}.text-button{min-height:32px;border:0;padding:0 8px;background:transparent;color:#176b5b;font-weight:750}.panel-actions{display:flex;gap:8px}.field-hint{color:#66736d;font-size:12px}.workspace{min-height:0;display:grid;grid-template-columns:minmax(310px,420px) minmax(0,1fr);gap:0;padding:14px 22px 22px}.sidebar{min-height:0;display:grid;grid-template-rows:auto 1fr;border:1px solid #dce5e0;border-radius:8px 0 0 8px;background:#fff;overflow:hidden}.sidebar-head{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #e3ebe7;color:#53635b;font-size:13px}.sidebar-head strong{color:#17211d}.shop-list{min-height:0;overflow:auto}.shop-row{width:100%;min-height:112px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px;text-align:left;border:0;border-bottom:1px solid #edf2ef;background:#fff;color:inherit}.shop-row:hover,.shop-row.selected{background:#f0f7f4}.shop-row.selected{box-shadow:inset 3px 0 #176b5b}.shop-row-main,.shop-row-side{min-width:0;display:grid;align-content:start;gap:6px}.shop-row-side{justify-items:end}.shop-name{font-size:15px;font-weight:750;color:#16211d;overflow-wrap:anywhere}.shop-email,.shop-meta,.code-state{font-size:12px;color:#66736d;overflow-wrap:anywhere}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:700}.status-ok{color:#0b5c45;background:#dbf3e9}.status-muted{color:#5f675f;background:#edf0ed}.status-warn{color:#7b341e;background:#ffe6d4}.inline-action{color:#176b5b;font-size:12px;font-weight:750}.detail-pane{min-width:0;min-height:0;display:grid;grid-template-rows:auto auto auto auto 1fr;gap:16px;padding:22px;border:1px solid #dce5e0;border-left:0;border-radius:0 8px 8px 0;background:#fff;overflow:auto}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.detail-kicker{color:#66736d;font-size:13px;font-weight:700}.detail-header h2{margin:4px 0 3px;font-size:24px;line-height:1.25;overflow-wrap:anywhere}.detail-header p{margin:0;color:#66736d;overflow-wrap:anywhere}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.status-strip{min-height:40px;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #e1e9e5;border-radius:6px;color:#4d5b55;background:#f8faf9}.code-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px;border:1px solid #cbded6;border-radius:8px;background:#fbfdfc}.code-number{font-size:clamp(44px,7vw,84px);line-height:1;font-weight:850;color:#17211d;overflow-wrap:anywhere}.code-panel .detail-grid{grid-column:1 / -1}.code-empty{min-height:180px;display:grid;place-items:center;gap:10px;border:1px dashed #cdd9d4;border-radius:8px;color:#66736d;background:#fbfcfb;font-weight:700}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.detail-grid div{min-width:0;padding:12px;border:1px solid #e4ebe8;border-radius:6px;background:#fff}.detail-grid .wide{grid-column:1 / -1}.detail-grid dt{margin:0 0 5px;color:#66736d;font-size:12px}.detail-grid dd{margin:0;color:#17211d;font-size:14px;font-weight:700;overflow-wrap:anywhere}.detail-grid-muted{align-self:start}.empty-state{display:grid;place-items:center;min-height:180px;color:#66736d;font-weight:700}.error-line{min-height:36px;display:flex;align-items:center;padding:8px 10px;border-radius:6px;color:#8c2f18;background:#ffe9df;font-size:13px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.app-shell{grid-template-rows:auto auto auto auto}.topbar,.topbar-actions,.detail-header{align-items:stretch;flex-direction:column}.topbar-actions,.search-box{width:100%}.workspace{grid-template-columns:1fr}.sidebar{border-radius:8px 8px 0 0;max-height:48vh}.detail-pane{border-left:1px solid #dce5e0;border-top:0;border-radius:0 0 8px 8px}.detail-actions{justify-content:stretch}.detail-actions button{flex:1 1 160px}.status-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.topbar,.workspace{padding-left:12px;padding-right:12px}.notice,.import-summary,.password-panel,.token-panel,.token-helper-panel,.status-dashboard{margin-left:12px;margin-right:12px}.status-dashboard,.password-panel,.token-grid,.device-session-box,.helper-shop-row{grid-template-columns:1fr}.device-actions,.helper-shop-row .primary-button{justify-content:stretch}.device-actions>*,.helper-shop-row .primary-button{width:100%}.wide-metric,.error-metric{grid-column:auto}.panel-actions{justify-content:stretch}.panel-actions button{flex:1}.shop-row{grid-template-columns:1fr}.shop-row-side{justify-items:start}.code-panel,.detail-grid{grid-template-columns:1fr}}