:root{--navy: #0A1628;--navy2: #0f2238;--navy3: #16304d;--amber: #ffb300;--white: #f5f7fa;--grey: #8aa0b8;--border: #1e3a5c;--green: #43a047;--red: #e53935;--font-head: "Barlow Condensed", system-ui, sans-serif;--font-body: "Barlow", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--navy);color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body.light{--navy: #eef2f7;--navy2: #ffffff;--navy3: #e2e8f0;--white: #0A1628;--grey: #51657a;--border: #cbd5e1}input,textarea,select{width:100%;background:var(--navy3);border:1px solid var(--border);color:var(--white);border-radius:8px;padding:12px 14px;font-size:16px;font-family:var(--font-body);box-sizing:border-box;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--amber)}input::placeholder,textarea::placeholder{color:var(--grey)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--navy2);border-bottom:1px solid var(--border);flex-shrink:0}.app-logo{font-family:var(--font-head);font-weight:900;font-size:20px;letter-spacing:.04em;color:var(--amber);line-height:1}.badge{font-family:var(--font-head);font-weight:900;font-size:10px;letter-spacing:.08em;color:var(--navy);background:var(--amber);border-radius:6px;padding:3px 7px}.driver-bar{display:flex;padding:10px 16px;background:var(--navy2);border-bottom:1px solid var(--border);flex-shrink:0}.driver-btn{border-radius:8px;border:1px solid var(--border);background:var(--navy3);color:var(--grey);font-family:var(--font-head);font-weight:700;font-size:13px;cursor:pointer}.driver-btn.active{background:var(--amber);color:var(--navy);border-color:var(--amber)}.tab-content{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.card{background:var(--navy2);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:14px}.section-title{font-family:var(--font-head);font-weight:700;font-size:13px;letter-spacing:.1em;color:var(--grey);margin-bottom:12px}.empty-state{text-align:center;padding:48px 24px;color:var(--grey)}.empty-state .icon{font-size:40px;margin-bottom:12px}.empty-state h3{font-family:var(--font-head);font-weight:900;letter-spacing:.08em;color:var(--white);margin:0 0 8px}.empty-state p{font-size:13px;margin:0}.status-chip{font-family:var(--font-head);font-weight:700;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:10px;background:var(--navy3);color:var(--grey)}.status-chip.invoiced{background:#14306a;color:#7eb3ff}.status-chip.billed{background:#5a3e00;color:#ffce6b}.status-chip.paid{background:#143d1c;color:#79e08b}.status-chip.draft{background:var(--navy3);color:var(--grey)}.scan-btn{border:none;border-radius:8px;background:var(--amber);color:var(--navy);font-family:var(--font-head);font-weight:800;font-size:14px;letter-spacing:.04em;cursor:pointer;padding:12px 16px}.scan-btn.secondary{background:var(--navy3);color:var(--white);border:1px solid var(--border)}.scan-btn.success{background:var(--green);color:#fff}.scan-btn.danger{background:var(--red);color:#fff}.scan-btn:disabled{opacity:.5;cursor:default}.tab-bar{display:flex;background:var(--navy2);border-top:1px solid var(--border);flex-shrink:0;padding-bottom:env(safe-area-inset-bottom,0)}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0;background:transparent;border:none;color:var(--grey);font-family:var(--font-head);font-weight:700;font-size:11px;letter-spacing:.04em;cursor:pointer}.tab-item svg{width:22px;height:22px}.tab-item.active{color:var(--amber)}.toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%);background:var(--amber);color:var(--navy);font-family:var(--font-head);font-weight:800;font-size:14px;padding:12px 20px;border-radius:10px;box-shadow:0 4px 16px #0006;z-index:10000;max-width:90vw;text-align:center}