:root{color:#17202a;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1040px);justify-content:center;align-content:start;padding:clamp(14px,4vw,32px)}.panel{background:#fff;border:1px solid #d8dee6;border-radius:8px;padding:clamp(16px,3vw,22px);box-shadow:0 8px 28px #141c2614;min-width:0}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;min-width:0}h1{font-size:24px;margin:0}h2{font-size:18px;margin:0 0 4px}.muted{color:#657487;overflow-wrap:anywhere}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.stack{display:grid;gap:14px}.split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;align-items:start}.pane{min-width:0}.tabs{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid #c8d1dc;border-radius:8px;overflow:hidden;min-width:0}.tab{border:0;background:#fff;color:#445266;padding:11px 14px;min-height:44px;cursor:pointer}.tab+.tab{border-left:1px solid #c8d1dc}.tab.active{background:#1f6feb;color:#fff}.subtabs{display:flex;gap:8px;border-bottom:1px solid #d8dee6;overflow-x:auto;-webkit-overflow-scrolling:touch}.subtab{border:0;border-bottom:2px solid transparent;background:transparent;color:#445266;padding:10px 12px;min-height:44px;white-space:nowrap;cursor:pointer}.subtab.active{border-bottom-color:#1f6feb;color:#1f6feb}.button{border:1px solid #1f6feb;background:#1f6feb;color:#fff;border-radius:6px;padding:10px 14px;min-height:44px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.button.secondary{background:#fff;color:#1f6feb}.button.danger{border-color:#c93c37;background:#c93c37;color:#fff}.icon-button{width:36px;height:36px;border:1px solid #c8d1dc;border-radius:6px;background:#fff;color:#17202a;display:inline-grid;place-items:center;cursor:pointer}.icon-button:disabled{opacity:.45;cursor:not-allowed}.icon-button.danger{border-color:#e5b8b5;color:#c93c37}.icon-actions{display:flex;gap:6px;align-items:center;flex-wrap:nowrap}.button:disabled{opacity:.55;cursor:not-allowed}.input{border:1px solid #c8d1dc;border-radius:6px;padding:10px 12px;min-height:44px;min-width:min(100%,420px);max-width:100%}.drop-zone{min-height:132px;border:1px dashed #9aa9bb;border-radius:8px;padding:18px;display:grid;place-items:center;gap:8px;text-align:center;color:#445266;background:#fbfcfe;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.drop-zone.active{border-color:#1f6feb;background:#eef5ff;color:#1f6feb}.drop-zone:has(.file-input:disabled){opacity:.55;cursor:not-allowed}.file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.unit-select{min-width:96px;width:110px}.code-input{width:min(100%,240px);min-width:0;text-transform:uppercase;letter-spacing:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.receive-code-form{width:min(100%,240px)}.receive-code-form .code-input,.receive-button{width:100%}.status{background:#eef5ff;border:1px solid #c9ddff;border-radius:6px;padding:12px;overflow-wrap:anywhere}.progress{height:10px;border-radius:999px;background:#dfe6ee;overflow:hidden}.progress>div{height:100%;background:#18a058}.code-box{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.45;overflow-wrap:anywhere;margin:6px 0 10px}.code-box.large{font-size:28px;font-weight:700}.file-list{display:grid;gap:4px;margin-top:8px;color:#445266;font-size:13px}.qr-wrap{display:inline-grid;gap:8px;width:fit-content}.qr-wrap img{width:min(220px,70vw);height:auto;aspect-ratio:1;border:1px solid #d8dee6;border-radius:6px;background:#fff}.admin-config{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.admin-user-form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:10px;align-items:center}.login-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:center}.table-input{width:100%;min-width:140px;border:1px solid #c8d1dc;border-radius:6px;padding:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#0a121c73}.modal{width:min(100%,560px);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border:1px solid #d8dee6;border-radius:8px;padding:20px;box-shadow:0 18px 50px #0a121c40}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #d8dee6;border-radius:8px}table{width:100%;min-width:820px;border-collapse:collapse;font-size:13px}th,td{padding:10px;border-bottom:1px solid #e7ebf0;text-align:left;white-space:nowrap}th{background:#f1f4f8;color:#445266}@media (max-width: 1024px){.admin-user-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.admin-user-form .button{width:fit-content}}@media (max-width: 760px){.shell{padding:10px}.panel{padding:14px}.header{align-items:flex-start;margin-bottom:12px}h1{font-size:21px}h2{font-size:17px}.split{grid-template-columns:1fr}.tab{padding:10px 6px}.row{align-items:stretch}.row>.button{flex:1 1 150px}.button{max-width:100%}.input{width:100%;min-width:0}.drop-zone{min-height:118px;padding:16px 12px}.receive-code-form{width:min(100%,260px)}.admin-config{align-items:stretch}.admin-config>*{flex:1 1 100%}.unit-select{width:100%}.login-box,.admin-user-form{grid-template-columns:1fr}.admin-user-form .button{width:100%}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:92vh;border-radius:8px 8px 0 0;padding:16px}.code-box.large{font-size:24px}th,td{padding:8px}}