*{box-sizing:border-box} :root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#20314b;background:#f3f6fb;font-size:15px;--bg:#f3f6fb;--card:#fff;--ink:#20314b;--muted:#6a7a90;--line:#e4eaf2;--blue:#163a73;--accent:#118372;--soft:#eaf2ff;--shadow:0 6px 25px #182d4b09}body{margin:0;color:var(--ink);background:var(--bg)}body[data-theme=dark]{--bg:#111a29;--card:#1b2738;--ink:#e9f0fb;--muted:#a6b6cd;--line:#344156;--blue:#8cb7ff;--soft:#243b5e;--accent:#67d7c4;--shadow:none;color-scheme:dark}button,input,select{font:inherit}button{cursor:pointer;border:0;min-height:44px;border-radius:12px;padding:10px 14px;background:var(--soft);color:var(--blue);font-weight:600}button:disabled{opacity:.5;cursor:default}button.primary{background:#163a73;color:#fff;width:100%}input,select{width:100%;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:11px;padding:12px;min-height:46px;font-size:16px}label{display:grid;gap:6px;color:var(--muted);font-size:13px}a{color:var(--blue)}h1,h2,h3,p{margin:0}h1{font-size:25px;letter-spacing:-.8px}h2{font-size:18px}h3{font-size:15px}small,.muted{color:var(--muted)}small{font-size:12px}header{padding:calc(18px + env(safe-area-inset-top)) 20px 16px;background:var(--card);border-bottom:1px solid var(--line)}.header-inner,.shell{max-width:940px;margin:auto}.brand{display:flex;gap:11px;align-items:center}.logo{height:39px;width:39px;border-radius:10px}.wordmark{font-size:17px;font-weight:750;letter-spacing:.4px}.heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 16px}.eyebrow{font-size:11px;letter-spacing:1.5px;color:var(--accent);font-weight:700;text-transform:uppercase;margin-bottom:7px}.shell{padding:0 18px calc(100px + env(safe-area-inset-bottom))}.status{font-size:12px;color:var(--muted);padding:11px 14px;background:var(--card);border:1px solid var(--line);border-radius:12px;display:flex;gap:8px;align-items:flex-start;line-height:1.5;margin-bottom:18px}.dot{width:7px;height:7px;flex:0 0 7px;background:var(--accent);border-radius:50%;margin-top:5px}.status.warning .dot{background:#e9a12c}.status.warning{background:#fff5df;color:#775b28}body[data-theme=dark] .status.warning{background:#3b3020;color:#f2cb85}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card,.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.card{padding:17px 15px;text-align:left;color:var(--ink);min-width:0}.card small{display:block;margin-bottom:10px}.value{font-size:22px;font-weight:700;line-height:1.3;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.unit{font-size:12px;color:var(--muted);font-weight:500}.panel{padding:18px;margin-top:16px}.panel h2{margin-bottom:16px}.list{display:grid;gap:10px;margin-top:16px}.record{display:flex;text-align:left;justify-content:space-between;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;color:var(--ink);padding:16px;width:100%;min-width:0}.record-main{min-width:0;flex:1}.record strong{display:block;font-size:15px;overflow-wrap:anywhere;margin-bottom:6px}.record small{display:block;line-height:1.6}.record-amount{text-align:right;min-width:65px;max-width:45%;font-weight:650;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.pill{display:inline-block;color:var(--accent);font-size:11px;background:var(--soft);padding:4px 7px;border-radius:6px;margin-top:6px}.toolbar{display:flex;gap:9px}.toolbar input{min-width:0;flex:1}.filter-panel{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:var(--card);padding:16px;border:1px solid var(--line);border-radius:14px}.filter-actions{grid-column:1/-1;display:flex;gap:10px}.period-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.nav{position:fixed;left:0;right:0;bottom:0;background:var(--card);border-top:1px solid var(--line);padding:7px max(5px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));display:flex;justify-content:center;z-index:20}.nav button{width:20%;max-width:180px;font-size:10px;line-height:1.3;padding:6px 2px;color:var(--muted);background:transparent;border-radius:10px}.nav button.active{color:var(--blue);background:var(--soft)}.nav svg{width:22px;height:22px;display:block;margin:0 auto 5px}.login{max-width:410px;margin:8vh auto 0;padding:0 22px}.login .brand{margin-bottom:30px}.login h1{font-size:30px;margin:10px 0}.login p{margin:12px 0 26px;line-height:1.6}.login form{display:grid;gap:18px}.login footer{margin-top:24px;display:flex;justify-content:space-between;align-items:center}.login footer select{width:auto;min-height:40px;padding:8px}.notice{border:1px solid #e6ba75;border-radius:12px;padding:14px;line-height:1.7;margin:16px 0;color:#816334;background:#fff8e9}body[data-theme=dark] .notice{color:#f2cb85;background:#3b3020}.empty{padding:35px 12px;text-align:center;line-height:1.7;color:var(--muted)}.error{margin:18px 0;background:var(--card);border:1px solid #d99393;border-radius:14px;padding:20px;line-height:1.7}.error p{margin-bottom:12px}.more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.more-grid button{text-align:left;background:var(--card);border:1px solid var(--line);color:var(--ink);padding:22px 16px}.detail{position:fixed;inset:0;background:var(--bg);z-index:30;overflow-y:auto;padding:calc(16px + env(safe-area-inset-top)) 18px calc(30px + env(safe-area-inset-bottom))}.detail-inner{max-width:800px;margin:auto}.detail-top{display:flex;gap:14px;align-items:center;margin-bottom:20px}.detail h1{font-size:21px;overflow-wrap:anywhere}.fields{margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:13px 14px;font-size:14px}.fields dt{color:var(--muted)}.fields dd{margin:0;text-align:right;overflow-wrap:anywhere;white-space:pre-wrap}.warehouse-card{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:14px}.warehouse-card:last-child{border:0}.bars{display:flex;gap:8px;align-items:flex-end;height:190px;padding-top:24px}.bar{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;height:100%}.bar button{min-height:8px;padding:0;width:100%;background:#2c73ac;border-radius:6px 6px 2px 2px;position:relative}.bar small{margin-top:8px;text-align:center;font-size:10px}.chart-value{margin-top:12px;min-height:25px;color:var(--accent);font-size:13px}.rank-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;border-bottom:1px solid var(--line);padding:13px 0;align-items:center;background:transparent;border-radius:0;width:100%;color:var(--ink);text-align:left}.rank-row span{overflow-wrap:anywhere}.rank-row small{display:block;margin-top:4px}.rank-row:last-child{border:0}.settings-grid{display:grid;gap:18px}.settings-row{display:flex;gap:12px;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}.settings-row select{width:145px}.mfa-qr{display:block;max-width:230px;margin:15px auto;background:#fff;padding:12px}.update{position:fixed;left:16px;right:16px;bottom:calc(85px + env(safe-area-inset-bottom));z-index:45;background:var(--card);box-shadow:0 4px 20px #0003;padding:12px;border:1px solid var(--line);border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--blue);border-radius:100%;animation:spin 1s linear infinite;vertical-align:middle;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:700px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.value{font-size:24px}.list{grid-template-columns:repeat(2,minmax(0,1fr))}.login{margin-top:12vh}.more-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}