:root{--navy:#071a3c;--navy2:#0b2858;--gold:#e1bd4d;--gold2:#f4dc84;--bg:#f4f6fa;--card:#fff;--text:#172033;--muted:#6f7888;--line:#e5e8ef;--danger:#b42318;--good:#16784b;--shadow:0 8px 28px rgba(7,26,60,.08);font-family:Inter,system-ui,-apple-system,"Segoe UI","Noto Sans Bengali",sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text)}body{min-height:100vh}a{color:var(--navy2);text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--navy),#061329);color:#fff;padding:18px 14px;display:flex;flex-direction:column;z-index:20}.side-brand{display:flex;gap:11px;align-items:center;padding:5px 5px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.side-brand strong{display:block;font-size:14px}.side-brand span{display:block;color:#b8c2d6;font-size:11px;margin-top:2px}.brand-orb{width:82px;height:82px;border:2px solid var(--gold);outline:1px solid rgba(225,189,77,.55);outline-offset:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);font-weight:800;background:var(--navy);margin:0 auto 18px}.brand-orb.small{width:46px;height:46px;margin:0;outline-offset:2px;font-size:11px;flex:0 0 46px}.sidebar nav{display:grid;gap:4px;margin-top:16px}.sidebar nav a{color:#d7deeb;padding:10px 12px;border-radius:11px;font-size:13px;display:flex;gap:10px;align-items:center}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,rgba(225,189,77,.18),rgba(225,189,77,.05));color:#fff;border:1px solid rgba(225,189,77,.2)}.logout{margin-top:auto;color:#d7deeb;padding:10px 12px}.main{min-width:0}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;gap:14px;position:sticky;top:0;z-index:10}.topbar h1{font-size:18px;margin:0}.topbar p{font-size:11px;color:var(--muted);margin:3px 0 0}.avatar{margin-left:auto;width:38px;height:38px;border-radius:50%;background:var(--navy);color:var(--gold);display:grid;place-items:center;font-weight:800;font-size:12px}.menu-btn{display:none;border:0;background:transparent;font-size:24px}
.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.lang-switch{display:inline-flex;align-items:center;background:#f2f4f8;border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px}.lang-switch button{border:0;background:transparent;color:#5c6575;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.lang-switch button.active{background:var(--navy);color:var(--gold);box-shadow:0 2px 7px rgba(7,26,60,.16)}.profile-shortcut{display:flex;align-items:center;gap:7px;color:var(--text);font-size:11px;font-weight:800}.profile-shortcut .avatar{margin-left:0}.auth-lang{display:flex;justify-content:flex-end;margin:-4px -4px 8px}.auth-lang .lang-switch{background:#f7f8fb}
.content{padding:22px;max-width:1500px;margin:auto}.hero-card{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;padding:24px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);margin-bottom:16px;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(225,189,77,.3);border-radius:50%;right:-60px;top:-75px}.hero-card h2{margin:4px 0;font-size:26px}.hero-card p{margin:0;color:#cfd6e4}.eyebrow{font-size:10px;letter-spacing:.15em;color:var(--gold)}.hero-badge{width:60px;height:60px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-size:28px;z-index:1}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.kpi-grid.compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.kpi{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;box-shadow:0 5px 16px rgba(7,26,60,.04)}.kpi span{display:block;color:var(--muted);font-size:11px;margin-bottom:9px}.kpi strong{font-size:18px}.kpi.warn{border-left:3px solid var(--gold)}.kpi.good{border-left:3px solid var(--good)}.kpi.danger{border-left:3px solid var(--danger)}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.quick{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center;font-weight:700;font-size:13px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.two-col.form-first{grid-template-columns:minmax(330px,.8fr) minmax(0,1.5fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:17px;box-shadow:0 5px 18px rgba(7,26,60,.04);min-width:0}.card h3,.card h4{margin:0 0 14px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.card-head h3{margin:0}.card-head a,.card-head span{font-size:12px}.balance-row{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.balance-row:last-child{border-bottom:0}.balance-row span{font-size:13px}.balance-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.balance-row strong{font-size:13px}.stack{display:grid;gap:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.span-2{grid-column:span 2}label{display:grid;gap:5px;font-size:11px;font-weight:700;color:#3f4757}input,select,textarea{width:100%;border:1px solid #dbe0e9;background:#fff;border-radius:10px;padding:10px 11px;outline:none;color:var(--text)}input:focus,select:focus,textarea:focus{border-color:#9e8b45;box-shadow:0 0 0 3px rgba(225,189,77,.12)}textarea{min-height:72px;resize:vertical}.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}.btn.primary{background:var(--navy);color:#fff}.btn.gold{background:var(--gold);color:var(--navy)}.btn.soft{background:#eef2f8;color:var(--navy)}.btn.small{padding:7px 10px;font-size:11px}.pill{background:#f8f0d4;color:#6b5617;border:1px solid #eadba0;border-radius:999px;padding:5px 8px}.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}th,td{padding:10px 9px;border-bottom:1px solid var(--line);text-align:left}th{background:#f7f8fb;color:#586175;font-size:10px;text-transform:uppercase;letter-spacing:.03em}tfoot th{background:#f2f3f7;color:var(--text)}.due{color:var(--danger);font-weight:800}.muted{color:var(--muted)}.tiny{font-size:10px}.note,.empty{background:#f8f3df;border:1px solid #ede1af;border-radius:10px;padding:10px 12px;margin-top:12px;font-size:11px;color:#5f5228}.alert{max-width:1450px;margin:14px 22px 0;padding:11px 14px;border-radius:11px;font-size:12px}.alert.success{background:#eaf7f0;color:#17623f;border:1px solid #cbe9d9}.alert.error{background:#fff0ef;color:#8e2017;border:1px solid #f1c8c4}.item-lines{display:grid;gap:8px}.item-row{display:grid;grid-template-columns:1.45fr .7fr .8fr 38px;gap:7px}.remove-line{border:1px solid #ead4d0;border-radius:9px;background:#fff2f0;color:#9d291f;font-weight:900}.inline{display:flex;gap:8px}.filter-bar{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.filter-bar select,.filter-bar input{min-width:160px}.statement{display:grid;gap:4px}.statement>div{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--line);font-size:13px}.statement .total{background:#f6f7fa}.statement .grand{background:var(--navy);color:#fff;border-radius:10px;border:0;margin-top:5px}.company-preview{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:start}.company-preview img{width:100%;border-radius:12px;border:1px solid var(--line)}.company-preview h2{margin-top:0}.report-head{margin-bottom:16px}.bottom-nav{display:none}.install-banner{position:fixed;z-index:100;top:12px;left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 24px));background:var(--navy);color:#fff;border:1px solid rgba(225,189,77,.45);box-shadow:0 15px 50px rgba(0,0,0,.25);border-radius:14px;padding:10px;align-items:center;gap:10px}.install-banner:not([hidden]){display:flex}.install-banner div{min-width:0;flex:1}.install-banner strong,.install-banner small{display:block}.install-banner small{color:#cdd5e3;font-size:10px;margin-top:2px}.icon-btn{border:0;background:transparent;color:#fff;font-size:22px}.auth-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#11346f,var(--navy) 40%,#041126)}.auth-card{width:min(540px,calc(100% - 28px));background:#fff;border-radius:20px;padding:24px;box-shadow:0 25px 70px rgba(0,0,0,.3)}.auth-card h1{text-align:center;margin:0}.auth-card>.muted{text-align:center}.auth-foot{text-align:center;color:var(--muted);font-size:10px;margin-top:18px}.install-card-img{display:block;width:125px;margin:0 auto 14px;border-radius:12px}hr{border:0;border-top:1px solid var(--line);margin:18px 0}
@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.app-shell{display:block}.sidebar{position:fixed;left:-265px;transition:.2s;width:250px}.sidebar.open{left:0;box-shadow:10px 0 40px rgba(0,0,0,.25)}.menu-btn{display:block}.content{padding:14px 12px 90px}.topbar{padding:0 14px}.two-col,.two-col.form-first{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.quick-actions{grid-template-columns:repeat(2,1fr)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:66px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);z-index:30;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{display:grid;place-items:center;align-content:center;gap:2px;color:#6f7888;font-size:9px}.bottom-nav a b{font-size:18px}.bottom-nav a.active{color:var(--navy);border-top:2px solid var(--gold)}.alert{margin:10px 12px 0}.hero-card h2{font-size:20px}.company-preview{grid-template-columns:125px 1fr}.sidebar nav a{padding:9px 12px}}
@media(max-width:560px){.profile-shortcut span{display:none}.top-actions{gap:6px}.lang-switch button{padding:5px 7px;font-size:9px}.kpi-grid{gap:8px}.kpi{padding:12px}.kpi strong{font-size:15px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.item-row{grid-template-columns:1fr .58fr}.item-row select{grid-column:span 2}.item-row .remove-line{position:absolute;right:20px;margin-top:3px;width:34px;height:34px}.item-row{position:relative}.company-preview{grid-template-columns:1fr}.company-preview img{max-width:180px;margin:auto}.hero-badge{display:none}.topbar h1{font-size:15px}.card{padding:14px}.filter-bar>*{flex:1;min-width:130px!important}}
@media print{.sidebar,.topbar,.bottom-nav,.install-banner,.quick-actions,.btn,.alert,.form-first>.card:first-child{display:none!important}.app-shell{display:block}.content{padding:0}.card{box-shadow:none;border:0}.two-col{display:block}.table-wrap{overflow:visible}body{background:#fff}.report-head{display:none}}

.pill.mini{padding:2px 6px;font-size:8px;margin-left:4px}.kpi small{display:block;color:var(--muted);font-size:9px;margin-top:6px}.ledger-kpis{margin-top:16px}.ledger-title{display:flex;justify-content:space-between;gap:20px;padding-bottom:13px;margin-bottom:12px;border-bottom:1px solid var(--line)}.ledger-title strong,.ledger-title b{display:block}.ledger-title small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.opening-row td{background:#faf7ea;font-weight:700}.no-print{margin-top:16px}@media print{.no-print{display:none!important}.ledger-title{display:flex!important}.ledger-print-card{display:block!important}.ledger-kpis{display:grid!important}.ledger-table{font-size:9px}}
