:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #334155;--text: #f1f5f9;--text-dim: #94a3b8;--primary: #2563eb;--primary-dim: #1d4ed8;--danger: #dc2626;--success: #16a34a;--warning: #d97706;--radius: 14px;font-size:17px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:16px 16px 32px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.topbar h1{font-size:1.2rem;margin:0}.icon-btn{background:var(--surface);border:none;color:var(--text);border-radius:10px;padding:8px 12px;font-size:1rem;cursor:pointer}.screen{display:flex;flex-direction:column;gap:14px;flex:1}.big-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:22px;font-size:1.15rem;font-weight:600;border:none;border-radius:var(--radius);background:var(--primary);color:#fff;cursor:pointer}.big-btn:active{background:var(--primary-dim)}.big-btn.secondary{background:var(--surface-2)}.big-btn.danger{background:var(--danger)}.big-btn.ghost{background:transparent;border:1px solid var(--surface-2)}.ground-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}input[type=text],textarea{width:100%;padding:14px;font-size:1.05rem;border-radius:10px;border:1px solid var(--surface-2);background:var(--surface);color:var(--text)}input[type=text]:focus,textarea:focus{outline:2px solid var(--primary)}textarea{resize:vertical;min-height:80px;font-family:inherit}label{font-size:.9rem;color:var(--text-dim)}video{width:100%;border-radius:var(--radius);background:#000}.card{background:var(--surface);border-radius:var(--radius);padding:16px}.banner{padding:12px 14px;border-radius:10px;font-weight:600}.banner.warning{background:#d9770633;color:#fbbf24;border:1px solid var(--warning)}.banner.error{background:#dc262633;color:#fca5a5;border:1px solid var(--danger)}.banner.success{background:#16a34a33;color:#86efac;border:1px solid var(--success)}.scan-pending{padding:12px 14px;border-radius:10px;background:#2563eb2e;border:1px solid var(--primary);font-weight:600;text-align:center}.result-icon{font-size:3.5rem;text-align:center}.result-text{text-align:center;font-size:1.1rem}.note-item{border-bottom:1px solid var(--surface-2);padding:8px 0;font-size:.95rem}.note-meta{color:var(--text-dim);font-size:.8rem}.note-actions{display:flex;gap:8px;margin-top:6px}.note-actions .icon-btn{padding:6px 10px;font-size:.8rem}.badge{display:inline-block;background:#16a34a40;color:#86efac;border-radius:6px;padding:1px 8px;font-size:.75rem;font-weight:600}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:6px 4px;border-bottom:1px solid var(--surface-2)}th{color:var(--text-dim);font-weight:500}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:var(--surface);border-radius:10px;padding:14px;text-align:center}.stat .num{font-size:1.6rem;font-weight:700}.stat .label{color:var(--text-dim);font-size:.8rem}.locations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:4px}.rack-row-label{font-weight:700;color:var(--text-dim);margin-top:10px;margin-bottom:2px}.loc-cell{padding:10px 4px;border-radius:8px;text-align:center;font-size:.85rem;background:var(--surface)}.loc-cell.occupied{background:var(--danger)}.loc-cell.free{background:var(--success)}.spacer{flex:1}