:root{--bg:#f4f6f9;--card:#fff;--text:#1a2230;--muted:#5d6878;--border:#dde2ea;--primary:#1f4068;--primary-text:#fff;--accent-bg:#e6ecf4;--danger:#b3261e;--success:#1e7a3c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#12161d;--card:#1c222b;--text:#e6e9ee;--muted:#9aa4b2;--border:#2e3642;--primary:#6d9bd6;--primary-text:#0d1520;--accent-bg:#23303f;--danger:#f2827a;--success:#6fcf8f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);margin:0}.app{max-width:640px;min-height:100vh;padding:env(safe-area-inset-top) 16px calc(80px + env(safe-area-inset-bottom));margin:0 auto}header h1{margin:20px 0 16px;font-size:1.3rem}h2{font-size:1.1rem}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.form{flex-direction:column;gap:14px;display:flex}.row{flex-wrap:wrap;gap:12px;display:flex}.row>label{flex:140px}label{color:var(--muted);flex-direction:column;gap:6px;font-size:.9rem;display:flex}input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;width:100%;min-height:44px;padding:10px 12px;font-size:1rem}input:focus{outline:2px solid var(--primary);outline-offset:1px}button{font:inherit;border:1px solid var(--primary);background:var(--primary);min-height:44px;color:var(--primary-text);cursor:pointer;border-radius:8px;padding:0 18px;font-weight:600}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{color:var(--primary);background:0 0}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}.actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.preview{background:var(--accent-bg);border-radius:8px;padding:12px}.error{color:var(--danger);margin:0}.success{color:var(--success);margin:0}.meta{color:var(--muted);font-size:.85rem}.empty{color:var(--muted);text-align:center;padding:24px 0}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.month-picker{flex-direction:column;flex:260px;align-items:flex-start;gap:4px;display:flex}.month-nav{align-items:center;gap:8px;display:flex}.month-nav button{width:44px;padding:0;font-size:1.4rem;line-height:1}.month-nav strong{text-align:center;min-width:9.5em;font-size:1.1rem}.link-button{color:var(--primary);background:0 0;border:none;min-height:0;padding:4px 0;font-size:.85rem;font-weight:500;text-decoration:underline}.ask-name{border-color:var(--primary);margin-bottom:16px}.totals{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px;display:grid}.totals div{flex-direction:column;gap:2px;display:flex}.totals span{color:var(--muted);font-size:.8rem}.totals strong{font-variant-numeric:tabular-nums;font-size:1.1rem}.totals .highlight strong{color:var(--primary);font-size:1.3rem}.sales{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.sale{flex-direction:column;gap:10px;display:flex}.sale-main{justify-content:space-between;gap:12px;display:flex}.address{overflow-wrap:anywhere;font-weight:600}.commission{white-space:nowrap;font-variant-numeric:tabular-nums}.sale .actions button{min-height:36px;padding:0 12px}.tabbar{background:var(--card);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar button{max-width:214px;color:var(--muted);background:0 0;border:none;border-radius:0;flex:1;min-height:56px}.tabbar button.active{color:var(--primary);box-shadow:inset 0 3px 0 var(--primary)}
