*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f6f7fb;color:#101828}button,input,select,textarea{font:inherit}:root{--panel:#fff;--text:#101828;--muted:#667085;--border:#e4e7ec;--brand:#111827;--accent:#5b5ce2;--success:#067647;--danger:#b42318;--warning:#b54708}a{text-decoration:none;color:inherit}.authWrap,.shell{min-height:100vh}.authWrap{display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 20%,#eef2ff,transparent 35%),#f8fafc}.authCard{width:min(440px,100%);background:#fff;border:1px solid var(--border);border-radius:24px;padding:28px;box-shadow:0 22px 70px rgba(16,24,40,.08)}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:900;margin-bottom:22px}.brandMark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;display:grid;place-items:center}.muted{color:var(--muted)}.stack{display:grid;grid-gap:12px;gap:12px}.field{display:grid;grid-gap:6px;gap:6px}.field label{font-size:12px;font-weight:800;color:#475467}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:11px 12px;outline:none;background:#fff}.field input:focus,.field select:focus,.field textarea:focus{border-color:#a5b4fc;box-shadow:0 0 0 3px #eef2ff}.btn{border:0;border-radius:12px;padding:11px 14px;font-weight:800;cursor:pointer}.btn.primary{background:var(--brand);color:#fff}.btn.soft{background:#eef2f7;color:#344054}.btn.danger{background:#fee4e2;color:#b42318}.btn.small{padding:7px 10px;font-size:12px}.notice{border-radius:12px;background:#fffaeb;color:#93370d;border:1px solid #fedf89}.error,.notice{padding:11px 13px;font-size:13px}.error{border-radius:12px;background:#fef3f2;color:#b42318;border:1px solid #fecdca}.ok{padding:11px 13px;border-radius:12px;background:#ecfdf3;color:#067647;border:1px solid #abefc6;font-size:13px}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{background:#111827;color:#fff;padding:20px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.side .brand{padding:2px 8px 18px}.nav{display:grid;grid-gap:5px;gap:5px}.nav button{border:0;background:transparent;color:#cbd5e1;padding:11px 12px;border-radius:12px;text-align:left;cursor:pointer}.nav button.active,.nav button:hover{background:#1f2937;color:#fff}.main{padding:24px 28px 42px;min-width:0}.top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:18px}.top h1{margin:0;font-size:29px}.top p{margin:5px 0 0;color:var(--muted)}.trial{font-size:12px;font-weight:800;background:#eef2ff;color:#4338ca;padding:8px 11px;border-radius:999px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.card{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 8px 25px rgba(16,24,40,.04)}.metric{padding:18px}.metric .label{color:var(--muted);font-size:13px}.metric .value{font-size:26px;font-weight:900;margin-top:8px}.panel{padding:18px;margin-top:16px}.panelHead{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:13px}.panelHead h2{font-size:18px;margin:0}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.search{border:1px solid var(--border);border-radius:11px;padding:9px 11px;min-width:220px}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}td,th{padding:11px 10px;border-bottom:1px solid #eef0f3;text-align:left;font-size:14px}th{color:#667085;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.money{font-weight:850}.badge{display:inline-block;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800}.paid{background:#dcfae6;color:#067647}.partial{background:#fef0c7;color:#b54708}.unpaid{background:#fee4e2;color:#b42318}.draft{background:#e0e7ff;color:#3730a3}.accepted{background:#dcfae6;color:#067647}.converted{background:#f2f4f7;color:#344054}.empty{text-align:center;color:var(--muted);padding:36px}.view{display:none}.view.active{display:block}.modalBack{position:fixed;inset:0;background:rgba(15,23,42,.45);display:grid;place-items:center;padding:20px;z-index:50}.modal{background:#fff;border-radius:20px;padding:20px;width:min(700px,96vw);max-height:90vh;overflow:auto;box-shadow:0 25px 80px rgba(0,0,0,.2)}.modal h3{margin:0 0 16px}.formGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.full{grid-column:1/-1}.modalActions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.lineItem{display:grid;grid-template-columns:1fr 90px 120px 38px;grid-gap:8px;gap:8px;align-items:end;margin-bottom:8px}.lineItem .field{margin:0}.two{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media(max-width:1000px){.app{grid-template-columns:80px 1fr}.nav span,.side .brand span{display:none}.side .brand{justify-content:center}.nav button{text-align:center}.grid4{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.main{padding:16px}.formGrid,.grid4,.two{grid-template-columns:1fr}.full{grid-column:auto}.top{flex-direction:column}.app{grid-template-columns:1fr}.side{position:relative;height:auto}.nav{grid-template-columns:repeat(5,1fr);overflow:auto}.nav button{font-size:11px;padding:9px 6px}.brand{margin:0}.side .brand{display:none}.lineItem{grid-template-columns:1fr 70px 90px 34px}}