*{box-sizing:border-box}:root{--navy:#07315d;--blue:#087ec1;--cyan:#11a9d8;--green:#0d9b72;--orange:#f09a2b;--red:#d33f37;--purple:#7655c8;--ink:#102d4e;--muted:#667b92;--line:#d8e5f0;--bg:#eef5fa}
html,body{margin:0;min-height:100%;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}
.topbar{min-height:72px;padding:10px 3%;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(105deg,#052d57 0%,#075d91 52%,#087db3 100%);box-shadow:0 5px 18px #062c5229;position:sticky;top:0;z-index:30}
.brand-wrap{display:flex;align-items:center;gap:11px;color:#fff;min-width:260px}.brand-mark{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#28c3e8,#4ad4a5);display:grid;place-items:center;font-size:18px;font-weight:900;box-shadow:0 5px 14px #001b2f40}.brand-copy strong{display:block;font-size:18px;letter-spacing:.8px}.brand-copy span{display:block;font-size:10px;letter-spacing:1.3px;color:#d8f1ff;margin-top:2px}
nav{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}nav a{color:#f2fbff;text-decoration:none;font-size:12px;font-weight:700;padding:8px 9px;border-radius:8px}nav a:hover{background:#ffffff1f}.logout{background:#ffffff17}
main{max-width:1580px;margin:auto;padding:18px 3% 30px}h1{font-size:27px;margin:0;color:#092f59}h2{font-size:17px;margin:0 0 8px;color:#092f59}.page-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.page-title p{font-size:12px;color:var(--muted);margin:4px 0 0}
.btn,button{border:0;border-radius:9px;padding:9px 13px;background:linear-gradient(135deg,#087ec1,#0ba5d3);color:#fff;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 4px 10px #087ec12a}.btn.green,button.green{background:linear-gradient(135deg,#07865f,#12aa7d)}.ghost{background:#e7f0f7!important;color:#244967!important;box-shadow:none}.red{color:#c52f29}.green-text{color:#07845f}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0}.card{min-height:94px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 16px;box-shadow:0 5px 16px #0a3a630c;position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--blue)}.card:after{content:"";position:absolute;width:65px;height:65px;border-radius:50%;right:-20px;top:-22px;background:#0b82c50c}.card.green:before{background:var(--green)}.card.orange:before{background:var(--orange)}.card.redcard:before{background:var(--red)}.card.purple:before{background:var(--purple)}.card small{display:block;color:#607991;text-transform:uppercase;letter-spacing:.45px;font-size:10px;font-weight:800;margin-bottom:9px}.card b{font-size:21px;color:#092b4d}
.dash-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px;margin:10px 0}.panel,section{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:0 5px 16px #0a3a630b;min-width:0}.panel.blue{border-top:4px solid var(--blue)}.panel.orange{border-top:4px solid var(--orange)}.panel.green{border-top:4px solid var(--green)}.panel.purple{border-top:4px solid var(--purple)}
.table-wrap{overflow:auto;border:1px solid #dbe6ef;border-radius:10px;background:#fff}table{width:100%;border-collapse:collapse;font-size:11.5px}th,td{padding:7px 8px;border-bottom:1px solid #e7eef5;text-align:left;white-space:nowrap}th{background:linear-gradient(180deg,#e8f4fb,#e2eef7);color:#244a68;font-size:10px;text-transform:uppercase;letter-spacing:.3px}tr:last-child td{border-bottom:0}tr:hover td{background:#f7fbfe}
.aging-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.aging-grid>div{border-radius:10px;padding:10px;border:1px solid #dbe6ef;background:#f8fbfd}.aging-grid>div:nth-child(1){border-left:4px solid #19a879}.aging-grid>div:nth-child(2){border-left:4px solid #61aa45}.aging-grid>div:nth-child(3){border-left:4px solid #e2a32c}.aging-grid>div:nth-child(4){border-left:4px solid #ee7e2b}.aging-grid>div:nth-child(5){border-left:4px solid #e34f3e;background:#fff8f6}.aging-grid>div:nth-child(6){border-left:4px solid #b82e2a;background:#fff3f2}.aging-grid small{display:block;font-size:10px;color:#657b90;margin-bottom:5px}.aging-grid b{font-size:15px}
.form-grid{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form-grid label{font-size:11px;font-weight:800;color:#36536d}.form-grid input,.form-grid select,.form-grid textarea,.field{width:100%;display:block;margin-top:5px;padding:9px 10px;border:1px solid #cbdbe8;border-radius:8px;background:#fbfdff;color:#183651}.wide{grid-column:1/-1}textarea{min-height:70px}.summary{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:10px 0}.summary>div{background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px;border-top:3px solid var(--blue)}.summary>div:nth-child(2){border-top-color:var(--green)}.summary>div:nth-child(3){border-top-color:var(--red)}.summary>div:nth-child(4){border-top-color:var(--purple)}.summary>div:nth-child(5){border-top-color:var(--orange)}.summary small{display:block;font-size:9px;text-transform:uppercase;color:#687d91;font-weight:800}.summary b{font-size:17px}.badge{display:inline-block;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800}.badge.info{background:#ddf2ff;color:#076b9d}.badge.ok{background:#def7eb;color:#087454}.badge.warn{background:#fff0d6;color:#985d00}.badge.danger{background:#ffe2df;color:#ad2e28}
.ledger-select{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;background:linear-gradient(120deg,#fff,#f0f8fd);border-left:5px solid var(--cyan);padding:13px 15px}.ledger-select label{font-size:11px;text-transform:uppercase;font-weight:800;color:#536d85}.print-title{text-align:center}.empty-state{text-align:center;padding:40px 20px;color:#6b7f93}.empty-state b{display:block;font-size:18px;color:#264966;margin-bottom:6px}
.login-bg{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#138fbe,#052746 58%)}.login-card{width:min(430px,92vw);background:#fff;border-radius:20px;padding:30px;box-shadow:0 25px 70px #001b2e70}.login-card input{width:100%;padding:11px;border:1px solid #ccd9e5;border-radius:8px;margin:5px 0 10px}
@media(max-width:1000px){.topbar{position:static;align-items:flex-start;flex-direction:column}.dash-grid{grid-template-columns:1fr!important}.cards{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.cards,.summary,.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.aging-grid{grid-template-columns:1fr 1fr}.page-title{align-items:flex-start;flex-direction:column}}
@media print{@page{size:A4 landscape;margin:7mm}.topbar,.no-print{display:none!important}body,main{background:#fff;margin:0;padding:0}.summary{grid-template-columns:repeat(5,1fr)}section{box-shadow:none;padding:5px}table{font-size:7.5px}th,td{padding:2.5px 3px}}

/* V2.4 Light Purple Corporate Theme */
:root{--purple:#7257c8;--purple2:#9a7be8;--lav:#f4f0ff;--lav2:#ebe4ff;--ink:#292244;--muted:#746d8b}
html,body{background:linear-gradient(135deg,#f7f4ff 0%,#f1f7ff 52%,#fbf8ff 100%)!important;color:var(--ink)!important}
.topbar{min-height:76px!important;background:linear-gradient(105deg,#4d3b8f 0%,#7158bd 52%,#9a7be8 100%)!important;padding:10px 2.2%!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:20px!important;box-shadow:0 7px 24px #5e48a52b!important}
.brand-wrap{min-width:245px!important}.brand-mark{background:linear-gradient(135deg,#fff,#ddd2ff)!important;color:#5c469d!important;box-shadow:0 5px 15px #35276942!important}.brand-copy strong{font-size:20px!important;text-transform:none!important;letter-spacing:.2px!important;color:#fff!important}.brand-copy span{color:#eee9ff!important}
nav{justify-content:center!important}nav a{color:#fff!important}nav a:hover{background:#ffffff20!important}
.user-profile{display:flex;align-items:center;gap:8px;background:#ffffff18;border:1px solid #ffffff2e;padding:6px 8px;border-radius:12px;color:#fff;min-width:185px}
.avatar{width:34px;height:34px;border-radius:50%;background:#fff;color:#654dad;display:grid;place-items:center;font-weight:900;box-shadow:0 3px 10px #3e2c7640}
.user-copy{min-width:78px}.user-copy b{display:block;color:#fff;font-size:12px;line-height:1.2}.user-copy span{display:block;color:#e9e2ff;font-size:9px;text-transform:uppercase;letter-spacing:.6px;margin-top:2px}
.profile-logout{font-size:9px!important;background:#ffffff17!important;padding:6px!important;margin-left:auto}
.card,.panel,section,.summary>div{border-color:#e2daf7!important;box-shadow:0 7px 22px #6650a40d!important}.card:before{background:#8064d5!important}.card.green:before{background:#38a982!important}.card.redcard:before{background:#e15b73!important}.card.orange:before{background:#efa548!important}.card.purple:before{background:#8064d5!important}
.panel.blue{border-top-color:#7c68d5!important}.panel.orange{border-top-color:#eea34a!important}.panel.green{border-top-color:#38a982!important}.panel.purple{border-top-color:#a079e5!important}
th{background:linear-gradient(180deg,#f0ebff,#e9e3fa)!important;color:#4c416d!important}
.btn,button{background:linear-gradient(135deg,#7056c5,#9474e1)!important}.btn.green,button.green{background:linear-gradient(135deg,#258c6b,#40b88d)!important}
.page-title h1,h1,h2{color:#382d61!important}
@media(max-width:1150px){.topbar{grid-template-columns:1fr auto!important}.topbar nav{grid-column:1/-1;grid-row:2}.user-profile{justify-self:end}}
@media(max-width:700px){.topbar{display:flex!important;flex-direction:column!important;align-items:stretch!important}.user-profile{justify-self:auto}.topbar nav{justify-content:flex-start!important}}

/* V2.5 profile + lavender visual lock */
.topbar{background:linear-gradient(100deg,#513a91 0%,#7456bd 50%,#9a7be3 100%)!important;color:#fff!important}
.brand-copy strong{color:#fff!important}.brand-copy span{color:#eee9ff!important}
.user-profile{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;min-width:205px!important;max-width:240px!important}
.user-profile .avatar{flex:0 0 36px!important;width:36px!important;height:36px!important;border-radius:50%!important}
.user-copy{display:block!important;line-height:1.1!important;overflow:hidden!important}.user-copy b{display:block!important;font-size:12px!important;overflow:hidden;text-overflow:ellipsis}.user-copy span{display:block!important;font-size:9px!important;margin-top:4px!important}
.profile-logout{display:inline-block!important;font-size:9px!important;padding:6px 7px!important;border-radius:7px!important}
.report-kpis{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;margin:12px 0!important}
.report-kpis .rk{background:#fff!important;border:1px solid #e1d8f5!important;border-top:4px solid #8064d5!important;border-radius:12px!important;padding:10px 12px!important}
.report-kpis .rk:nth-child(2){border-top-color:#a67bdc!important}.report-kpis .rk:nth-child(4){border-top-color:#35a37c!important}.report-kpis .rk:nth-child(5){border-top-color:#df596d!important}.report-kpis .rk:nth-child(6){border-top-color:#e8a044!important}
.report-kpis small{display:block!important;font-size:9px!important;text-transform:uppercase!important;color:#746b8b!important;font-weight:800!important;margin-bottom:5px!important}.report-kpis b{font-size:17px!important}
@media(max-width:1050px){.report-kpis{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:650px){.report-kpis{grid-template-columns:1fr 1fr!important}}
@media print{.report-kpis{grid-template-columns:repeat(6,1fr)!important}.report-kpis .rk{padding:4px!important}.report-kpis b{font-size:10px!important}}

/* ===== V2.7 FULL ERP CORPORATE THEME ===== */
:root{--ink:#30274c;--muted:#766e8d;--line:#e3dcf2;--bg:#f7f3ff;--purple:#775bc5;--purple2:#a184e3}
html,body{background:linear-gradient(135deg,#f8f5ff 0%,#f3effc 48%,#faf8ff 100%)!important;color:var(--ink)!important}
.topbar{min-height:76px!important;padding:10px 2.2%!important;display:grid!important;grid-template-columns:auto minmax(420px,1fr) auto!important;align-items:center!important;gap:18px!important;background:linear-gradient(100deg,#533b92 0%,#7658bd 55%,#a484e4 100%)!important;box-shadow:0 7px 24px rgba(77,54,139,.22)!important}
.brand-wrap{display:flex!important;align-items:center!important;gap:10px!important;min-width:245px!important}.brand-mark{width:44px!important;height:44px!important;border-radius:13px!important;background:linear-gradient(135deg,#fff,#e8ddff)!important;color:#6549a6!important;display:grid!important;place-items:center!important;font-weight:900!important;box-shadow:0 5px 14px rgba(52,35,102,.3)!important}
.brand-copy strong{display:block!important;color:#fff!important;font-size:20px!important;letter-spacing:.2px!important}.brand-copy span{display:block!important;color:#eee8ff!important;font-size:9px!important;letter-spacing:1.2px!important;margin-top:3px!important}
.topbar nav{display:flex!important;justify-content:center!important;align-items:center!important;gap:3px!important;flex-wrap:wrap!important}.topbar nav a{color:#fff!important;text-decoration:none!important;font-size:11px!important;font-weight:700!important;padding:8px 8px!important;border-radius:8px!important}.topbar nav a:hover{background:rgba(255,255,255,.16)!important}
.user-profile{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;min-width:205px!important;max-width:245px!important;padding:7px 8px!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:14px!important;background:rgba(255,255,255,.13)!important;color:#fff!important;white-space:nowrap!important}
.user-profile .avatar{width:36px!important;height:36px!important;min-width:36px!important;border-radius:50%!important;background:#fff!important;color:#6549a6!important;display:grid!important;place-items:center!important;font-weight:900!important}.user-copy{display:block!important;min-width:0!important;line-height:1.1!important}.user-copy b{display:block!important;color:#fff!important;font-size:12px!important;overflow:hidden!important;text-overflow:ellipsis!important}.user-copy span{display:block!important;color:#ece5ff!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.6px!important;margin-top:4px!important}.profile-logout{margin-left:auto!important;color:#fff!important;text-decoration:none!important;font-size:9px!important;padding:6px 7px!important;border-radius:7px!important;background:rgba(255,255,255,.13)!important}
main{max-width:1600px!important;padding:18px 2.2% 30px!important}h1,h2,h3{color:#3b3060!important}.card,.panel,section,.report-box,.form-grid,.summary>div{border-color:#e3dcf2!important;box-shadow:0 6px 18px rgba(88,66,145,.055)!important}.panel.blue{border-top-color:#8066d2!important}.panel.orange{border-top-color:#e8a04a!important}.panel.green{border-top-color:#35a37d!important}.panel.purple{border-top-color:#a27bdc!important}
th{background:linear-gradient(180deg,#f0ebfb,#e9e2f8)!important;color:#4b3e6d!important}.btn,button{background:linear-gradient(135deg,#7054c1,#9676df)!important}.btn.green,button.green{background:linear-gradient(135deg,#258a69,#3eb58a)!important}
.form-grid input,.form-grid select,.form-grid textarea,.field,.filters input,.filters select{border-color:#d7cdea!important;background:#fdfcff!important}
.login-bg{background:radial-gradient(circle at 20% 10%,#a988e5,#573c94 58%,#35255f)!important}.login-card{border:1px solid #e8ddf7!important;box-shadow:0 25px 70px rgba(45,30,84,.45)!important}.login-card .brand{color:#7658bd!important;font-weight:900!important;letter-spacing:1px!important}
.report-kpis{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;margin:14px 0!important}.report-kpis .rk{background:#fff!important;border:1px solid #e3daf6!important;border-top:4px solid #8165d1!important;border-radius:14px!important;padding:13px 14px!important}.report-kpis .received{border-top-color:#2ea67c!important}.report-kpis .pending{border-top-color:#df596d!important}.report-kpis .collection{border-top-color:#e7a13e!important}
@media(max-width:1150px){.topbar{grid-template-columns:1fr auto!important}.topbar nav{grid-column:1/-1!important;grid-row:2!important}.user-profile{justify-self:end!important}}
@media(max-width:700px){.topbar{display:flex!important;flex-direction:column!important;align-items:stretch!important}.topbar nav{justify-content:flex-start!important}.user-profile{max-width:none!important}.cards,.summary{grid-template-columns:1fr 1fr!important}}
@media(max-width:480px){.cards,.summary{grid-template-columns:1fr!important}}