@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Noto+Sans+Sinhala:wght@400;600;700&display=swap";:root{--bg:#f4f7fb;--bg-deep:#e8eef8;--surface:#fff;--ink:#152033;--muted:#5b6b85;--line:#d5deef;--brand:#1f6b3a;--brand-dark:#144a28;--accent:#c45c26;--blue:#2563eb;--purple:#7c3aed;--teal:#0d9488;--amber:#d97706;--pink:#db2777;--ok:#15803d;--warn:#b45309;--bad:#b42318;--shadow:0 12px 32px #253c781a;--radius:16px;--sidebar:#0f1b3d;--sidebar-ink:#eef3ff}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 12% 8%, #2563eb24, transparent 28%), radial-gradient(circle at 88% 4%, #c45c261f, transparent 26%), radial-gradient(circle at 70% 90%, #7c3aed14, transparent 30%), linear-gradient(180deg, var(--bg), var(--bg-deep));font-family:DM Sans,Noto Sans Sinhala,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;transition:grid-template-columns .2s;display:grid}.app-shell.sidebar-collapsed{grid-template-columns:76px 1fr}.sidebar{background:linear-gradient(180deg, #1a2b66, var(--sidebar) 55%, #12352a);color:var(--sidebar-ink);flex-direction:column;gap:28px;padding:28px 20px;display:flex;position:relative;overflow:hidden}.sidebar-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.sidebar-toggle{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;flex-shrink:0;width:32px;height:32px;font-size:1rem;line-height:1}.sidebar-toggle:hover{background:#fff3}.app-shell.sidebar-collapsed .sidebar{align-items:stretch;padding:16px 10px}.app-shell.sidebar-collapsed .brand{align-items:center}.app-shell.sidebar-collapsed .brand strong{font-size:1.1rem}.app-shell.sidebar-collapsed .nav a{justify-content:center;padding:10px 6px}.main-topbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.main-topbar .net-banner{flex:1;margin:0}.menu-fab{flex-shrink:0}.brand{flex-direction:column;gap:4px;min-width:0;display:flex}.brand strong{font-family:Fraunces,serif;font-size:1.55rem;line-height:1.1}.brand span{color:#e8f2eab8;font-size:.88rem}.brand-logo{justify-content:center;display:flex}.brand-logo img{object-fit:contain;width:100%;height:auto;display:block}.brand-logo-login{width:min(220px,70%);margin:0 auto 16px}.brand-logo-login img{background:#fff;border-radius:16px}.brand-logo-sidebar{background:#fff;border-radius:12px;width:100%;max-width:168px;margin-bottom:8px;padding:6px;box-shadow:0 8px 20px #0000002e}.brand-logo-sidebar-mini{background:#fff;border-radius:10px;width:42px;padding:3px}.app-shell.sidebar-collapsed .sidebar-top{flex-direction:column;align-items:center}.nav{flex-direction:column;gap:6px;display:flex}.nav a{color:#e8f2eadb;border-radius:10px;align-items:center;gap:10px;padding:11px 14px;display:flex}.nav a svg{flex-shrink:0}.menu-fab{align-items:center;gap:8px;display:inline-flex}.live-help{border-left:4px solid var(--blue)}.live-help a{color:var(--blue);font-weight:600;text-decoration:underline}.nav a.active,.nav a:hover{color:#fff;background:#ffffff1a}.sidebar-footer{border-top:1px solid #ffffff1f;margin-top:auto;padding-top:16px;font-size:.9rem}.main{padding:28px}.net-banner{border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:.92rem;font-weight:600}.net-banner.ok{color:var(--ok);background:#e8f7ee}.net-banner.bad{color:var(--warn);background:#fff7e8}.search-bar{width:100%;margin-bottom:14px}.modal-backdrop{z-index:50;background:#10241873;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);width:min(720px,100%);max-height:90vh;box-shadow:var(--shadow);border-radius:16px;padding:22px;overflow:auto}.modal-header{justify-content:space-between;align-items:start;gap:12px;margin-bottom:16px;display:flex}.modal-header h2{margin:0;font-family:Fraunces,serif;font-size:1.4rem}.receipt-meta{color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;font-size:.92rem;display:grid}.receipt-total{margin-top:12px;font-family:Fraunces,serif;font-size:1.4rem}.topbar{justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px;display:flex}.topbar h1{margin:0;font-family:Fraunces,serif;font-size:2rem}.topbar p{color:var(--muted);margin:6px 0 0}.grid{gap:16px;display:grid}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.stat-label{color:var(--muted);font-size:.9rem}.stat-value{margin-top:8px;font-family:Fraunces,serif;font-size:1.9rem}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px 10px;font-size:.94rem}th{color:var(--muted);font-weight:600}.badge{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.badge.online{color:var(--ok);background:#e8f7ee}.badge.offline,.badge.unknown{color:var(--muted);background:#f3f4f3}.badge.error,.badge.failed{color:var(--bad);background:#fdecea}.badge.syncing,.badge.running,.badge.partial{color:var(--warn);background:#fff7e8}.badge.completed,.badge.success{color:var(--ok);background:#e8f7ee}.badge.export_required{color:#1d4ed8;background:#eef4ff}.muted{color:var(--muted);font-size:.92rem}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stat-card{flex-direction:column;gap:6px;display:flex}.stat-card span{color:var(--muted);font-size:.85rem;font-weight:600}.stat-card strong{letter-spacing:-.02em;font-size:1.35rem}.stat-card small{color:var(--muted);font-size:.8rem}.stat-card.profit strong{color:var(--ok)}.stat-card.loss strong{color:var(--bad)}@media (width<=960px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.actions{flex-wrap:wrap;gap:10px;display:flex}.btn{cursor:pointer;background:var(--brand);color:#fff;border:none;border-radius:10px;padding:10px 14px;font-weight:600}.btn:hover{background:var(--brand-dark)}.btn.secondary{color:var(--ink);background:#e8eee8}.btn.danger{background:var(--bad)}.btn:disabled{opacity:.6;cursor:not-allowed}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}label{color:var(--muted);flex-direction:column;gap:6px;font-size:.9rem;display:flex}input,select,textarea{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;padding:10px 12px}.login-page{background:linear-gradient(135deg,#144a28eb,#102418e0),radial-gradient(circle at 20% 20%,#c45c2659,#0000 40%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(420px,100%);box-shadow:var(--shadow);background:#fff;border-radius:20px;padding:32px}.login-card h1{margin:0 0 8px;font-family:Fraunces,serif}.login-card p{color:var(--muted);margin:0 0 24px}.login-card .form-grid{grid-template-columns:1fr}.login-card .btn{width:100%;margin-top:8px}.error{color:var(--bad);background:#fdecea;border-radius:10px;margin-bottom:12px;padding:10px 12px}.success{color:var(--ok);background:#e8f7ee;border-radius:10px;margin-bottom:12px;padding:10px 12px}.two-col{grid-template-columns:1.2fr 1fr}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-size:.78rem;font-weight:700}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);background:#ffffffdb;border:1px solid #d5ddd4e6}.premium-page .topbar h1{letter-spacing:-.02em;font-family:Fraunces,serif}.pnl-hero{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(135deg,#1f6b3a1f,#c45c2614),#ffffffe6;grid-template-columns:1.1fr 2fr auto;align-items:center;gap:20px;margin-bottom:16px;padding:22px 24px;display:grid}.pnl-hero h2{margin:0;font-family:Fraunces,serif}.pnl-hero-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.pnl-hero-stats span{color:var(--muted);font-size:.78rem;font-weight:600;display:block}.pnl-hero-stats strong{font-size:1.15rem}.pnl-hero-stats .profit strong{color:var(--ok)}.pnl-hero-stats .loss strong{color:var(--bad)}.pnl-strip{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:16px}.delta{font-size:.78rem;font-weight:600}.delta.up{color:var(--ok)}.delta.down{color:var(--bad)}.chart-card h3{margin:0 0 8px;font-family:Fraunces,serif}.chart-box{width:100%;min-height:260px}.filter-bar{margin-bottom:16px}.check-inline{align-items:center;margin-top:24px;flex-direction:row!important;gap:10px!important}.table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.badge.pending{color:var(--warn);background:#fff7e8}.badge.approved{color:var(--ok);background:#e8f7ee}.badge.rejected{color:var(--bad);background:#fdecea}.budget-bar{background:#e8eee8;border-radius:999px;min-width:80px;height:8px;margin-bottom:4px;overflow:hidden}.budget-bar span{background:linear-gradient(90deg, var(--brand), var(--accent));height:100%;display:block}.row-warn{background:#fff7e8}.software-credit{color:var(--muted);margin-top:8px;font-size:.85rem}.bill-header{text-align:center;margin-bottom:16px}.bill-header strong{font-family:Fraunces,serif;font-size:1.35rem}.bill-footer{text-align:center;border-top:1px dashed var(--line);margin-top:18px;padding-top:12px}.print-only{display:none}.developer-credit{opacity:.7;margin-top:14px;font-size:.75rem;line-height:1.4}.accent-green{border-top:4px solid var(--brand)}.accent-blue{border-top:4px solid var(--blue)}.accent-orange{border-top:4px solid var(--accent)}.accent-purple{border-top:4px solid var(--purple)}.accent-teal{border-top:4px solid var(--teal)}.text-ok{color:var(--ok)}.text-warn{color:var(--warn)}.plu-layout{display:block}.plu-layout.with-form{grid-template-columns:1fr 340px;align-items:start;gap:16px;display:grid}.plu-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.plu-card{flex-direction:column;gap:8px;padding:16px;display:flex}.plu-card h3{margin:0;font-family:Fraunces,serif;font-size:1.15rem}.plu-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.plu-code{color:var(--blue);background:#2563eb1a;border-radius:8px;padding:4px 8px;font-size:.85rem;font-weight:700}.plu-si{color:var(--muted);min-height:1.4em;margin:0;font-family:Noto Sans Sinhala,DM Sans,sans-serif}.plu-prices{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;display:grid}.plu-prices span{color:var(--muted);font-size:.72rem;font-weight:600;display:block}.plu-prices strong{font-size:.95rem}.plu-meta{color:var(--muted);font-size:.8rem}.plu-form{position:sticky;top:16px}.dept-chip{border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:700}.chip-green{color:#166534;background:#dcfce7}.chip-orange{color:#9a3412;background:#ffedd5}.chip-blue{color:#1d4ed8;background:#dbeafe}.chip-purple{color:#6d28d9;background:#ede9fe}.chip-teal{color:#0f766e;background:#ccfbf1}.chip-amber{color:#92400e;background:#fef3c7}.chip-gray{color:#475569;background:#e2e8f0}.scale-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.scale-card{padding:16px}.scale-card h3{margin:0 0 6px;font-family:Fraunces,serif}.lang-pill{color:var(--muted);flex-direction:column;gap:4px;font-size:.8rem;display:flex}.bill-preview-wrap{background:#e8edf5;border-radius:12px;justify-content:center;padding:16px;display:flex}.bill-80mm{color:#111;width:80mm;max-width:80mm;box-shadow:var(--shadow);background:#fff;padding:8px 10px 14px;font-family:Noto Sans Sinhala,DM Sans,sans-serif;font-size:12px;line-height:1.35}.bill-80-header{text-align:center;margin-bottom:8px}.bill-store{margin-bottom:2px;font-size:15px;font-weight:700}.bill-80-meta{margin-bottom:6px;font-size:11px}.bill-80-line{border-top:1px dashed #999;margin:6px 0}.bill-80-table{border-collapse:collapse;width:100%;font-size:11px}.bill-80-table th,.bill-80-table td{text-align:left;vertical-align:top;padding:2px 0}.bill-80-table th:nth-child(2),.bill-80-table td:nth-child(2),.bill-80-table th:nth-child(3),.bill-80-table td:nth-child(3),.bill-80-table th:nth-child(4),.bill-80-table td:nth-child(4){text-align:right;white-space:nowrap}.bill-80-total{text-align:right;margin:6px 0;font-size:14px;font-weight:700}.bill-80-thanks{text-align:center;margin-top:8px;font-size:11px}.bill-80-credit{text-align:center;color:#111;border-top:1px dashed #999;margin-top:10px;padding-top:8px;font-size:10px;font-weight:600;line-height:1.45}.bill-brand-name{letter-spacing:.02em;font-size:12px;font-weight:800}@media (width<=1100px){.pnl-hero,.pnl-hero-stats,.pnl-strip,.plu-layout.with-form{grid-template-columns:1fr}}@media print{@page{size:80mm auto;margin:0}html,body{width:80mm;margin:0;background:#fff!important}body *{visibility:hidden}.print-only,.print-only *{visibility:visible}.print-only{width:80mm;padding:0;display:block;position:absolute;top:0;left:0}.bill-80mm{width:80mm;max-width:80mm;box-shadow:none;padding:4mm 3mm}.no-print,.sidebar,.net-banner,.modal-backdrop{display:none!important}}@media (width<=1100px){.stats,.two-col,.form-grid,.app-shell{grid-template-columns:1fr}.sidebar{padding:18px}.nav{flex-flow:wrap}}