:root{--blue:#2f6fed;--ink:#172238;--muted:#7d899c;--line:#e5e9ef;--bg:#f6f7f9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,select,input{font:inherit}button{cursor:pointer}aside{position:fixed;inset:0 auto 0 0;width:230px;background:white;border-right:1px solid var(--line);padding:26px 18px;display:flex;flex-direction:column}.brand{font:700 24px Georgia,serif;display:flex;align-items:center;gap:12px;margin:0 10px 32px}.brand span{width:32px;height:32px;border-radius:9px;background:var(--blue);color:white;display:grid;place-items:center;font:700 18px Arial}nav{display:grid;gap:6px}nav button{border:0;background:transparent;color:#758196;text-align:left;padding:12px;border-radius:8px}nav button.active{background:#edf3ff;color:#245fd6}.privacy{margin-top:auto;background:#effaf5;color:#178260;border:1px solid #d4eddf;border-radius:10px;padding:13px;display:flex;gap:10px}.privacy strong,.privacy small{display:block}.privacy small{font-size:10px;margin-top:4px;color:#60917e}main{margin-left:230px}header{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 38px;gap:12px}.companyBadge{width:35px;height:35px;border-radius:8px;background:#edf0f5;display:grid;place-items:center;font-weight:800}header select{border:1px solid var(--line);border-radius:7px;padding:9px 12px;background:white;min-width:240px}.primary{border:0;background:var(--blue);color:#fff;border-radius:7px;padding:11px 16px;font-weight:700}.content{max-width:1250px;margin:auto;padding:40px}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.hero span{font-size:10px;color:var(--blue);letter-spacing:1px;font-weight:800}.hero h1{font:700 32px Georgia,serif;margin:5px 0}.hero p{color:var(--muted);margin:0}.hero button,.sectionTitle button{border:1px solid var(--line);background:white;border-radius:7px;padding:9px 12px;color:#526077}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.stats article{background:white;border:1px solid var(--line);border-radius:10px;padding:18px;display:flex;gap:14px;align-items:center}.stats i{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-weight:800}.amber{background:#fff4dc;color:#c27d14}.blue{background:#edf3ff;color:var(--blue)}.green{background:#e9f8f1;color:#16855f}.stats small{display:block;font-size:9px;letter-spacing:1px;color:#8c97a8;font-weight:800}.stats strong{display:block;font:700 22px Georgia,serif;margin:2px 0}.stats p{font-size:10px;color:#9aa3b1;margin:0}.grid{display:grid;grid-template-columns:.85fr 1.6fr;gap:18px}.drop,.recent,.notice{background:white;border:1px solid var(--line);border-radius:11px}.drop{min-height:315px;border-style:dashed;padding:27px;text-align:center;display:flex;flex-direction:column;align-items:center;transition:.2s}.drop.drag{border-color:var(--blue);background:#f3f7ff}.uploadIcon{width:48px;height:48px;border-radius:50%;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-size:22px}.drop h2,.recent h2{font:700 19px Georgia,serif;margin:14px 0 5px}.drop>p{color:var(--muted);font-size:11px}.drop>button{border:1px solid #dbe1ea;background:#fff;border-radius:7px;padding:9px 16px}.drop>small{font-size:9px;color:#9aa4b2;margin:10px}.drop footer{border-top:1px solid var(--line);width:100%;margin-top:auto;padding-top:15px;font-size:10px;color:#69758a;display:flex;justify-content:center;align-items:center;gap:9px}.drop footer b{font-size:16px}.google{color:#4285f4}.meta{color:#2570dd}.drop footer em{height:12px;border-left:1px solid var(--line)}.recent{padding:22px 24px}.sectionTitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sectionTitle h2{margin:0}.sectionTitle p{font-size:10px;color:#99a2b0;margin:3px 0}.invoice{display:grid;grid-template-columns:38px 1fr auto 30px;align-items:center;gap:11px;padding:14px 0;border-top:1px solid #edf0f3}.providerLogo{width:35px;height:35px;border-radius:8px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-weight:800}.invoice strong{font-size:11px}.invoice p{font-size:9px;color:#939dac;margin:4px 0}.amount{text-align:right}.status{font-size:8px;padding:4px 7px;border-radius:12px;display:block;margin-top:4px}.status.ok{background:#eaf8f2;color:#16815d}.status.warn{background:#fff4dc;color:#ae7117}.edit{border:0;background:transparent;color:#8490a2;font-size:18px}.empty{text-align:center;padding:65px 15px;color:#929cab}.notice{margin-top:18px;padding:16px;text-align:center;color:#647187;font-size:10px}.overlay{position:fixed;inset:0;background:#0c1730a8;display:grid;place-items:center;padding:20px;z-index:10}.hidden{display:none}.modal{background:white;border-radius:14px;width:min(650px,100%);max-height:95vh;overflow:auto;box-shadow:0 25px 80px #07102455}.modal.small{width:min(480px,100%)}.modalHead{display:flex;justify-content:space-between;padding:24px 26px 18px;border-bottom:1px solid var(--line)}.modalHead span{font-size:9px;color:var(--blue);font-weight:800;letter-spacing:1px}.modalHead h2{font:700 23px Georgia,serif;margin:5px 0}.modalHead p{margin:0;color:#8b95a5;font-size:10px}.modalHead button{border:0;background:#f2f4f7;border-radius:50%;width:30px;height:30px;font-size:20px}.success{margin:18px 26px;padding:12px 14px;background:#effaf5;border:1px solid #d5eddf;border-radius:8px;color:#18815f;display:flex;gap:10px}.success p{font-size:9px;margin:3px 0}.fields{padding:3px 26px 18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.fields.one{grid-template-columns:1fr;padding-top:20px}.fields label{font-size:9px;color:#617087;font-weight:800}.fields input,.fields select{display:block;width:100%;margin-top:6px;border:1px solid #dbe1e8;border-radius:7px;padding:10px;background:white;color:#26344c}.totals{margin:0 26px 18px;padding:14px;background:#f5f7fa;border-radius:8px;display:flex;justify-content:space-around}.totals span{font-size:10px;color:#748095}.totals b{display:block;font:700 18px Georgia,serif;color:var(--ink);margin-top:4px}.tax{margin:0 26px 20px;padding:12px;background:#fff8e8;border:1px solid #f0e0b7;border-radius:8px;color:#8d671f}.tax p{font-size:9px;margin:4px 0}.actions{border-top:1px solid var(--line);padding:17px 26px;display:flex;justify-content:flex-end;gap:9px}.secondary{border:1px solid #dbe1e8;background:#fff;border-radius:7px;padding:10px 15px;color:#5b687b}@media(max-width:900px){aside{width:72px}.brand{margin-left:2px}.brand:not(span){font-size:0}nav b,.privacy div{display:none}nav button{font-size:18px;text-align:center}.privacy{justify-content:center}main{margin-left:72px}.stats{grid-template-columns:1fr}.grid{grid-template-columns:1fr}}@media(max-width:600px){aside{display:none}main{margin:0}header{padding:0 15px}header select{min-width:0;max-width:45%}.content{padding:24px 15px}.hero{align-items:flex-start;gap:12px}.hero h1{font-size:27px}.fields{grid-template-columns:1fr}.invoice{grid-template-columns:35px 1fr auto}.invoice .edit{display:none}}