*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#f3f6fa;color:#162033}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #d8dee8;background:#fff;border-radius:8px;padding:9px 12px}button:hover{background:#f5f7fb}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.primary:hover{background:#1e40af}.danger{color:#b42318;border-color:#f0c7c2}.layout{min-height:100vh;display:grid;grid-template-columns:220px 1fr}.layout aside{background:#122b4a;color:#fff;padding:18px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:20px;font-weight:800;margin:4px 4px 24px}.layout nav{display:grid;gap:6px}.layout nav button,.sidefoot button{background:transparent;color:#e7eef8;border:0;text-align:left}.layout nav button.active{background:#294767}.sidefoot{margin-top:auto}.layout main{padding:30px 34px;min-width:0}.head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.head h1{margin:0;font-size:30px}.head p{margin:6px 0 0;color:#687386}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.card{background:#fff;border:1px solid #e1e6ee;border-radius:14px;padding:18px}.card span{display:block;color:#687386;font-size:13px}.card b{font-size:28px;margin-top:5px;display:block}.cards.mini .card b{font-size:20px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.panel{background:#fff;border:1px solid #e1e6ee;border-radius:14px;padding:18px;margin-bottom:16px;box-shadow:0 1px 2px rgba(15,23,42,.03)}.panel.narrow{max-width:760px}.panel h2{margin:0 0 14px;font-size:20px}.panelhead{display:flex;justify-content:space-between;align-items:center}.panelhead span,.hint{color:#748094;font-size:13px}.metric{display:flex;justify-content:space-between;padding:11px 12px;background:#f7f9fc;border-radius:8px;margin-top:8px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.toolbar input{min-width:300px;flex:1}.toolbar.wide input{min-width:260px}input,select,textarea{border:1px solid #d7dde7;border-radius:8px;padding:10px 11px;background:#fff;min-height:40px}textarea{min-height:90px;resize:vertical}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #e7ebf1;vertical-align:middle}th{font-size:12px;text-transform:uppercase;letter-spacing:.02em;color:#657083;background:#fafbfd}td small{display:block;color:#748094;margin-top:3px}.actions{white-space:nowrap}.actions button{padding:6px 8px;margin:2px;font-size:12px}.badge{display:inline-block;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.badge.paid{background:#dcfce7;color:#166534}.badge.pending{background:#fef3c7;color:#92400e}.badge.draft{background:#e5e7eb;color:#374151}.badge.cancelled{background:#fee2e2;color:#991b1b}.badge.incoming{background:#dbeafe;color:#1d4ed8}.badge.outgoing{background:#f3e8ff;color:#7e22ce}.pager{display:flex;justify-content:space-between;align-items:center;padding-top:14px;color:#687386}.pager>div{display:flex;gap:10px;align-items:center}
.loginwrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:#eef3f8}.loginbox{width:min(420px,100%);background:#fff;border:1px solid #dfe5ee;border-radius:16px;padding:28px;box-shadow:0 10px 30px rgba(15,23,42,.08)}.loginbox h1{margin:0 0 8px}.loginbox p{color:#687386;margin:0 0 20px}.loginbox label,.formgrid label,#paypalForm label{display:grid;gap:6px;font-size:13px;font-weight:600;margin-bottom:12px}.loginbox button{width:100%;margin-top:6px}.loginbox #loginerr{color:#b42318;margin-top:12px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formgrid .full{grid-column:1/-1}.detailgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0 18px}.detailgrid>div{background:#f7f9fc;border-radius:10px;padding:12px}.detailgrid span{display:block;color:#748094;font-size:12px;margin-bottom:4px}.itemrow{display:grid;grid-template-columns:1fr 110px 140px 44px;gap:8px;margin-bottom:8px}.sumline{display:flex;justify-content:flex-end;gap:30px;margin-top:10px}.sumline.total{font-size:18px}.modalactions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}#modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55)}.modalbox{position:relative;width:min(900px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.modalbox h2{margin-top:0}.result{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.result>*{background:#f7f9fc;border-radius:8px;padding:10px}#toast{position:fixed;right:22px;bottom:22px;z-index:2000;background:#173f2a;color:#fff;padding:12px 16px;border-radius:10px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}#toast.bad{background:#8f1d1d}#toast.show{opacity:1;transform:none}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.layout{grid-template-columns:180px 1fr}.layout main{padding:22px}}@media(max-width:760px){.layout{display:block}.layout aside{position:static;height:auto}.layout nav{grid-template-columns:repeat(2,1fr)}.sidefoot{margin-top:10px}.cards{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}.formgrid .full{grid-column:auto}.itemrow{grid-template-columns:1fr 80px 100px 40px}.actions{white-space:normal}.head{align-items:flex-start;flex-direction:column}.layout main{padding:16px}.result{grid-template-columns:1fr 1fr}}@media(max-width:480px){.cards{grid-template-columns:1fr}.detailgrid{grid-template-columns:1fr}.toolbar input{min-width:100%}.itemrow{grid-template-columns:1fr 1fr}.itemrow input:first-child{grid-column:1/-1}}