:root{--ink:#172033;--muted:#718096;--line:#e8edf4;--blue:#3b5bfd;--bg:#f5f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.login-body{min-height:100vh;display:grid;place-items:center;padding:22px}.login-card{width:min(100%,390px);background:#fff;border-radius:24px;padding:30px;box-shadow:0 20px 60px #17203318}.brand-mark{width:52px;height:52px;border-radius:16px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:900}.login-card h1{margin:18px 0 4px}.login-card p,.login-card small{color:var(--muted)}label{display:grid;gap:6px;font-weight:650;margin-bottom:14px}input,textarea,select{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:12px;background:#fff;outline:none}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b5bfd15}.primary,.secondary,.ghost{border:0;border-radius:12px;min-height:44px;padding:10px 16px;font-weight:800}.primary{background:var(--blue);color:#fff;width:100%}.secondary{background:#edf0ff;color:#2944d8}.ghost{background:transparent;color:#fff}.alert{background:#fff0f0;color:#b42318;padding:10px 12px;border-radius:10px;margin:12px 0}.topbar{position:sticky;top:0;z-index:10;background:#172033;color:#fff;padding:max(12px,env(safe-area-inset-top)) 16px 12px;display:flex;align-items:center;justify-content:space-between}.topbar small{display:block;color:#b7c0d1}.app-shell{width:min(100%,760px);margin:auto;padding:18px 14px 100px}.hero{display:flex;justify-content:space-between;gap:12px;align-items:end;margin:4px 0 16px}.hero h1{font-size:1.45rem;margin:3px 0}.eyebrow{font-size:.7rem;color:var(--blue);font-weight:900;letter-spacing:.12em}.invoice-date{width:145px}.panel,.item-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;margin-bottom:12px;box-shadow:0 4px 16px #17203308}.customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.wide{grid-column:1/-1}.items-head{display:flex;align-items:center;justify-content:space-between;margin:22px 2px 10px}.items-head h2{font-size:1.05rem;margin:0}.item-card{display:grid;grid-template-columns:1fr 90px 110px 42px;gap:8px;align-items:end}.item-card label{margin:0;font-size:.78rem}.remove{height:44px;border:0;border-radius:12px;background:#fff0f0;color:#d92d20}.totals>div{display:flex;justify-content:space-between;padding:7px 2px}.totals>label{max-width:160px}.totals .grand{border-top:2px solid var(--line);padding-top:13px;font-size:1.25rem}.totals i{font-style:normal;margin-right:4px}.bottom-actions{position:fixed;bottom:0;left:0;right:0;background:#ffffffee;backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:10px max(14px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 2fr;gap:10px}.bottom-actions .primary{width:auto}@media(max-width:560px){.customer-grid{grid-template-columns:1fr}.wide{grid-column:auto}.item-card{grid-template-columns:1fr 72px 92px 40px;padding:12px}.hero{align-items:start}.invoice-date{width:132px}}@media print{.topbar,.bottom-actions,.secondary,.remove{display:none!important}.app-shell{padding:0}.panel,.item-card{box-shadow:none}}