:root{--bg: #f4f7fb;--surface: #ffffff;--surface-soft: #f8fbff;--text: #102033;--muted: #6d7b8e;--line: #e4ebf3;--blue: #246bfe;--blue-dark: #174bc2;--teal: #00a58d;--green: #18a86b;--amber: #f59e0b;--red: #e5484d;--shadow: 0 16px 48px rgba(22, 43, 77, .13);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;letter-spacing:0;overflow-x:hidden}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app{width:min(480px,100vw);max-width:480px;min-height:100vh;margin:0 auto;background:var(--bg);position:relative;box-shadow:0 0 0 1px #1020330a;overflow-x:hidden}.topbar{position:sticky;top:0;z-index:20;min-height:72px;padding:16px 18px 12px;display:flex;align-items:center;justify-content:space-between;background:#f4f7fbeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(228,235,243,.8)}.eyeless-title{font-size:22px;font-weight:750;line-height:1.15}.topbar-sub{display:flex;gap:8px;align-items:center;margin-top:6px;color:var(--muted);font-size:12px}.env-chip{min-width:42px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#e8f5ff;color:var(--blue);font-weight:700}.env-chip.mock{color:#8a4b00;background:#fff1d6}.main-content{padding:14px 14px 96px}.stack{display:flex;flex-direction:column;gap:12px}.section,.device-hero,.overview-band,.empty-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px}.section{padding:14px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading h2,.section-heading h3{margin:0;font-size:17px;line-height:1.25}.section-heading span{color:var(--muted);font-size:12px;white-space:nowrap}.stock-sync-meta{min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:3px;color:var(--muted);line-height:1.2;white-space:nowrap}.stock-sync-meta span{color:var(--muted);font-size:12px}.stock-sync-meta small{color:var(--blue);font-size:11px;font-weight:650}.stock-sync-meta small.syncing{color:var(--teal)}.stock-sync-meta small.error{color:var(--red)}.api-log-heading{align-items:flex-start}.api-log-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}.api-log-actions span{color:var(--muted);font-size:12px}.api-log-actions .text-button{gap:4px;min-height:24px;font-size:12px}.api-log-actions .text-button.danger{color:var(--red)}.api-log-list{display:grid;gap:0;max-height:360px;overflow:auto}.api-log-item{padding:10px 0;border-top:1px solid var(--line)}.api-log-item:first-child{border-top:0;padding-top:0}.api-log-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.api-log-line strong{font-size:12px;line-height:1.25}.api-log-item.ok .api-log-line strong{color:var(--teal)}.api-log-item.fail .api-log-line strong{color:var(--red)}.api-log-line small{flex:0 0 auto;color:var(--muted);font-size:11px}.api-log-item code{display:block;margin-top:6px;padding:6px 8px;color:#24364b;background:var(--surface-soft);border-radius:6px;font-size:11px;line-height:1.4;overflow-wrap:anywhere;white-space:normal}.api-log-item p,.api-log-item em{display:block;margin:6px 0 0;font-size:11px;line-height:1.4;overflow-wrap:anywhere}.api-log-item p{color:var(--muted)}.api-log-item em{color:var(--red);font-style:normal}.overview-band{padding:18px;display:flex;gap:14px;align-items:flex-start;justify-content:space-between;background:linear-gradient(135deg,#fff,#edf6ff 55%,#e9fbf5)}.overview-band h2{margin:0;font-size:24px;line-height:1.1}.overview-band p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.online-badge{flex:0 0 auto;display:flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:999px;background:#e6faf3;color:var(--teal);font-size:12px;font-weight:700}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-tile{min-height:132px;padding:14px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--text);display:flex;flex-direction:column;justify-content:space-between}.action-tile.strong{background:#113f8c;color:#fff;border-color:#113f8c}.tile-icon{width:46px;height:46px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#246bfe1a;color:var(--blue)}.strong .tile-icon{background:#ffffff24;color:#fff}.tile-title{margin-top:14px;font-size:17px;line-height:1.2;font-weight:750}.tile-desc{margin-top:5px;color:var(--muted);font-size:12px;line-height:1.35}.strong .tile-desc{color:#ffffffb8}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden}.metric-row div{min-height:72px;padding:12px;background:var(--surface-soft);display:flex;flex-direction:column;justify-content:center;gap:6px}.metric-row div+div{border-left:1px solid var(--line)}.metric-row span,.data-grid span,.summary-grid span,.owner-list span{color:var(--muted);font-size:12px}.metric-row strong{font-size:23px}.compact-list{display:flex;flex-direction:column;gap:10px}.list-line{min-height:36px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:linear-gradient(180deg,#e8f2ff,#f7fbff 44%,#f4f7fb)}.login-panel{width:min(420px,100%);padding:26px 20px 22px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.brand-mark{width:58px;height:58px;display:flex;align-items:center;justify-content:center;color:#fff;background:#123f8a;border-radius:8px}.login-panel h1{margin:18px 0 8px;font-size:28px;line-height:1.15}.login-panel p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.login-form{margin-top:24px;display:flex;flex-direction:column;gap:14px}.login-form label,.manual-box label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:13px}.input-row,.scan-input,.search-mini{min-height:48px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);background:#fff;border-radius:8px;color:var(--muted)}.input-row.plain{margin-bottom:10px}.input-row input,.scan-input input,.search-mini input,.manual-box input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent}.scan-input{padding-right:5px;margin-bottom:10px}.form-error{min-height:20px;color:var(--red);font-size:13px}.primary-button,.secondary-button,.text-button,.icon-button,.slot-actions button,.function-grid button,.upload-button,.command-bar button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:8px;font-size:14px;font-weight:700}.primary-button{min-height:50px;width:100%;color:#fff;background:var(--blue);box-shadow:0 10px 24px #246bfe3d}.primary-button:active,.secondary-button:active,.icon-button:active{transform:translateY(1px)}.secondary-button{padding:0 14px;color:var(--blue);background:#edf5ff;border:1px solid #cfe2ff}.secondary-button.full{width:100%}.text-button{min-height:28px;padding:0 4px;color:var(--blue);background:transparent;font-size:12px}.icon-button{width:42px;height:42px;flex:0 0 auto;color:var(--muted);background:#fff;border:1px solid var(--line)}.icon-button.filled{color:#fff;background:var(--blue);border-color:var(--blue)}.sticky-action{position:sticky;bottom:76px;z-index:10}.result-card{border-color:#b9e8d7;background:#f4fffb}.result-head{display:flex;gap:12px;align-items:center;color:var(--green)}.result-head h3{margin:0;color:var(--text);font-size:17px}.result-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.data-grid{margin-top:12px;display:grid;grid-template-columns:auto 1fr;gap:9px 14px;align-items:center}.data-grid strong{min-width:0;text-align:right;overflow-wrap:anywhere}.owner-list{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:grid;gap:8px}.owner-list div{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start}.owner-list strong{min-width:0;color:#1a2c42;font-size:14px;font-weight:650;line-height:1.45;overflow-wrap:anywhere}.search-mini{min-height:38px;margin-bottom:10px;background:var(--surface-soft)}.choice-list{display:flex;flex-direction:column;gap:8px}.choice-list button{min-height:42px;padding:0 12px;border-radius:8px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;color:var(--text);font-size:13px}.choice-list button.selected{border-color:var(--blue);background:#f0f6ff}.choice-list small{color:var(--blue);font-weight:700}.device-hero{padding:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;color:#fff;background:linear-gradient(135deg,#153f85,#1b6dd8 62%,#009f8a);border:0}.device-hero h2{margin:9px 0 6px;font-size:22px;line-height:1.15;overflow-wrap:anywhere}.device-hero p,.device-hero small{margin:0;color:#ffffffc7;font-size:12px}.status-line{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700}.dot{width:8px;height:8px;border-radius:50%;background:var(--red)}.dot.ok{background:#44e2a5}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:stretch}.summary-grid div{min-width:0;min-height:68px;padding:11px 10px;background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:8px}.summary-grid span{display:block;width:100%;line-height:1.2;white-space:nowrap}.summary-grid strong{display:block;width:100%;color:#102033;font-size:22px;font-weight:760;line-height:1;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.function-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.function-grid button,.upload-button{min-height:72px;flex-direction:column;color:var(--text);background:var(--surface-soft);border:1px solid var(--line);text-align:center}.upload-button input{display:none}.volume-range{width:100%;margin-top:12px}.slot-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.slot-card{min-height:174px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;position:relative;overflow:hidden}.slot-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#c8d3df}.slot-card.occupied{border-color:#9edec8;background:linear-gradient(180deg,#f2fff9,#fff 76%)}.slot-card.occupied:before{background:var(--teal)}.slot-card.empty{border-color:#e5eaf1;background:linear-gradient(180deg,#f8fafc,#fff 74%)}.slot-card.locked{border-color:#ffb8be;background:linear-gradient(180deg,#fff3f4,#fff 76%)}.slot-card.locked:before{background:var(--red)}.slot-card.ejecting{border-color:#f6d08a;background:linear-gradient(180deg,#fff9ec,#fff 76%)}.slot-card.ejecting:before{background:var(--amber)}.slot-card.warning{border-color:#f4cf77}.slot-card.warning:before{background:var(--amber)}.slot-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.slot-head strong{font-size:14px}.slot-head span{padding:3px 7px;border-radius:999px;color:var(--muted);background:#eef3f8;font-size:11px;white-space:nowrap}.slot-card.occupied .slot-head span{color:#07745f;background:#dff8ef}.slot-card.empty .slot-head span{color:#6b7788;background:#edf1f5}.slot-card.locked .slot-head span{color:#c82430;background:#ffe1e4}.slot-card.ejecting .slot-head span{color:#9b5a00;background:#fff0c8}.terminal{margin:8px 0;min-height:18px;color:#42536a;font-size:12px;font-weight:650;overflow-wrap:anywhere}.slot-card.empty .terminal{color:#95a1af;font-weight:500}.slot-card.locked .terminal{color:#8f2630}.battery-line{display:grid;grid-template-columns:16px 1fr 34px;align-items:center;gap:6px;color:var(--muted)}.slot-card.empty .battery-line,.slot-card.empty .battery-line em{color:#a2adba}.slot-card.locked .battery-line,.slot-card.locked .battery-line em{color:#b9414b}.battery-line div{height:7px;background:#edf1f5;border-radius:999px;overflow:hidden}.battery-line span{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--green))}.slot-card.empty .battery-line span{background:#cbd5df}.slot-card.locked .battery-line span{background:linear-gradient(90deg,#ff8b94,#e5484d)}.battery-line em{font-style:normal;font-size:12px;text-align:right}.slot-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.slot-actions.has-lease{grid-template-columns:1fr 1fr}.slot-actions button{min-height:36px;padding:0 8px;font-size:12px;font-weight:750;white-space:nowrap}.slot-actions .lease-action{grid-column:1 / -1;color:#04735d;background:#ddf7ee}.slot-actions .force-action{color:#9a5300;background:#fff0d7}.slot-actions .lock-action{color:#203247;background:#eef2f6}.slot-card.locked .slot-actions .lock-action{color:#c82430;background:#ffe1e4}.slot-actions button:disabled{color:#9aa6b4;background:#eef2f6}.command-bar{position:sticky;bottom:76px;z-index:12;min-height:58px;padding:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:#102033eb;border-radius:8px;box-shadow:var(--shadow)}.command-bar button{min-height:42px;color:#fff;background:#ffffff1a;font-size:12px}.empty-panel{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:26px;text-align:center;color:var(--muted)}.empty-panel h3{margin:0;color:var(--text)}.empty-panel p,.empty-state{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.empty-state{padding:14px;text-align:center;background:var(--surface-soft);border:1px dashed var(--line);border-radius:8px}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translate(-50%);z-index:30;width:min(480px,100%);height:68px;display:grid;grid-template-columns:repeat(3,1fr);padding:6px 12px 8px;background:#fffffff5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);background:transparent;border-radius:8px;font-size:11px;font-weight:700}.bottom-nav button.active{color:var(--blue);background:#eef5ff}.safe-bottom{height:env(safe-area-inset-bottom)}.toast{position:fixed;left:50%;bottom:86px;transform:translate(-50%);z-index:80;width:min(420px,calc(100% - 32px));min-height:42px;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:#102033;border-radius:8px;box-shadow:var(--shadow);font-size:13px;font-weight:700}.toast.success{background:var(--green)}.toast.error{background:var(--red)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:flex-end;justify-content:center;background:#0c18268a}.scanner-mask{align-items:flex-start;padding-top:env(safe-area-inset-top)}.confirm-mask{z-index:90;padding:14px;align-items:center}.confirm-dialog{width:min(420px,100%);padding:18px;background:#fff;border-radius:8px;box-shadow:0 24px 80px #10203347}.confirm-icon{width:46px;height:46px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.confirm-icon.danger{color:#b4232c;background:#ffe1e4}.confirm-dialog h3{margin:14px 0 6px;font-size:20px;line-height:1.25}.confirm-dialog p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.confirm-info{margin-top:14px;padding:12px;display:grid;gap:9px;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.confirm-info div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;align-items:start}.confirm-info span{color:var(--muted);font-size:12px}.confirm-info strong{min-width:0;color:var(--text);font-size:13px;line-height:1.35;text-align:right;overflow-wrap:anywhere}.confirm-actions{margin-top:16px;display:grid;grid-template-columns:1fr 1.2fr;gap:10px}.confirm-actions button{min-height:44px;border-radius:8px;font-size:14px;font-weight:760}.confirm-actions .cancel{color:var(--text);background:#eef2f6}.confirm-actions .danger{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#fff;background:var(--red)}.scanner-sheet{width:min(480px,100%);max-height:100dvh;padding:0 12px 14px;overflow:auto;background:#fff;border-radius:0 0 8px 8px;box-shadow:0 18px 70px #0c182642}.sheet-title,.scanner-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.sheet-title h3,.scanner-head h3{margin:0;font-size:18px}.sheet-title p,.scanner-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.camera-box{position:relative;height:min(58dvh,450px);min-height:330px;margin:0 -12px;overflow:hidden;background:#0f1d2d;border-radius:0 0 8px 8px}.camera-box video{width:100%;height:100%;object-fit:cover}.scanner-head{position:absolute;inset:0 0 auto;z-index:2;margin:0;padding:14px 14px 56px;align-items:flex-start;color:#fff;background:linear-gradient(180deg,#050e1ad1,#050e1a6b 56%,#050e1a00)}.scanner-head p{max-width:320px;color:#ffffffc7;line-height:1.35}.scanner-head .icon-button{flex:0 0 auto;color:#fff;background:#ffffff29;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.scan-frame{position:absolute;z-index:1;top:24%;right:18%;bottom:17%;left:18%;border:2px solid rgba(255,255,255,.86);border-radius:8px;box-shadow:0 0 0 999px #00000038}.camera-icon{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);color:#ffffff94}.manual-box{margin-top:12px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.manual-box label span{display:flex;align-items:center;gap:5px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 380px){.main-content{padding-left:10px;padding-right:10px}.action-grid,.slot-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}.function-grid,.manual-box{grid-template-columns:1fr}}