*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:#f4f6fa;color:#162033;font-family:var(--app-font,Inter,sans-serif);font-size:var(--app-font-size,14px)}a{text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:linear-gradient(180deg,#1f2937 0%,#111827 100%);color:#d9e0ea;z-index:1040;display:flex;flex-direction:column;transition:.25s ease;box-shadow:8px 0 32px rgba(15,23,42,.08)}.sidebar-brand{height:76px;display:flex;align-items:center;gap:12px;padding:0 20px;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand img{width:42px;height:42px;object-fit:contain;border-radius:10px;background:#fff;padding:4px}.brand-icon{width:42px;height:42px;border-radius:12px;background:var(--theme);display:grid;place-items:center;font-size:21px}.sidebar-brand strong,.sidebar-brand small{display:block}.sidebar-brand strong{font-size:15px;max-width:165px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-brand small{font-size:10px;color:#9ca3af;margin-top:2px}.sidebar-nav{padding:18px 12px;overflow-y:auto;flex:1}.nav-label{display:block;padding:12px 12px 7px;color:#64748b;font-weight:700;font-size:10px;letter-spacing:.12em}.nav-item{width:100%;border:0;background:transparent;color:#cbd5e1;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;margin:2px 0;font-weight:500;text-align:left;transition:.2s}.nav-item>i:first-child{width:20px;text-align:center;font-size:15px}.nav-item:hover{background:rgba(255,255,255,.07);color:#fff}.nav-item.active{background:var(--theme);color:#fff;box-shadow:0 7px 18px color-mix(in srgb,var(--theme) 35%,transparent)}.nav-item em{font-style:normal;margin-left:auto;background:#ef4444;color:#fff;min-width:20px;height:20px;border-radius:99px;display:grid;place-items:center;font-size:10px}.nav-dropdown-toggle .arrow{margin-left:auto;font-size:11px;transition:.2s}.nav-dropdown.open .arrow{transform:rotate(180deg)}.nav-dropdown-menu{display:none;padding:2px 0 6px 45px}.nav-dropdown.open .nav-dropdown-menu{display:block}.nav-dropdown-menu a{display:block;color:#94a3b8;padding:8px 0;font-size:13px}.nav-dropdown-menu a:hover{color:#fff}.sidebar-footer{display:flex;align-items:center;gap:10px;margin:12px;padding:13px;border-radius:11px;background:rgba(255,255,255,.05)}.sidebar-footer b,.sidebar-footer small{display:block}.sidebar-footer b{font-size:12px}.sidebar-footer small{font-size:10px;color:#94a3b8}.status-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}.app-main{margin-left:260px;min-width:0;flex:1;display:flex;min-height:100vh;flex-direction:column;transition:.25s}.topbar{position:sticky;top:0;z-index:1020;height:76px;padding:0 24px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e9f2}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:14px}.topbar h1{font-size:19px;margin:0;font-weight:700}.topbar small{font-size:11px;color:#8490a3}.icon-btn{width:40px;height:40px;border:1px solid #e5e9f2;background:#fff;border-radius:10px;display:grid;place-items:center;color:#475569;position:relative}.icon-btn:hover{background:#f8fafc;color:var(--theme)}.notification-btn span{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;border:2px solid #fff;border-radius:99px;min-width:19px;height:19px;display:grid;place-items:center;font-size:9px}.user-menu{border:0;background:transparent;display:flex;align-items:center;gap:9px;padding:4px}.user-menu b,.user-menu small{display:block;text-align:left}.user-menu b{font-size:12px}.user-menu small{font-size:10px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--theme),#60a5fa);color:#fff;font-weight:700}.content-area{padding:24px;flex:1}.app-footer{display:flex;justify-content:space-between;padding:15px 24px;background:#fff;border-top:1px solid #e5e9f2;color:#8a94a6;font-size:11px}.sidebar-backdrop{display:none}.card{border:1px solid #e7ebf2;border-radius:14px;box-shadow:0 5px 18px rgba(15,23,42,.035)}.card-header{background:#fff;border-bottom:1px solid #edf0f5;padding:15px 18px;border-radius:14px 14px 0 0!important}.card-title{font-weight:700;font-size:14px}.stat-card{border:0;border-radius:15px;padding:18px;color:#fff;min-height:122px;position:relative;overflow:hidden;box-shadow:0 9px 25px rgba(15,23,42,.1)}.stat-card:after{content:"";position:absolute;width:105px;height:105px;border-radius:50%;background:rgba(255,255,255,.1);right:-20px;top:-24px}.stat-card .stat-icon{position:absolute;right:18px;top:20px;font-size:28px;opacity:.48}.stat-card h3{font-size:26px;font-weight:800;margin:0 0 7px}.stat-card p{margin:0;font-size:12px}.stat-card small{display:block;margin-top:16px;opacity:.78;font-size:10px}.stat-blue{background:linear-gradient(135deg,#2563eb,#3b82f6)}.stat-green{background:linear-gradient(135deg,#059669,#10b981)}.stat-orange{background:linear-gradient(135deg,#d97706,#f59e0b)}.stat-red{background:linear-gradient(135deg,#dc2626,#ef4444)}.stat-slate{background:linear-gradient(135deg,#334155,#64748b)}.metric-card{padding:17px;background:#fff;border:1px solid #e8ecf3;border-radius:14px;height:100%}.metric-card .metric-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--theme) 12%,white);color:var(--theme)}.metric-card strong{display:block;font-size:18px;margin-top:12px}.metric-card span{color:#7b879a;font-size:11px}.table-responsive{border-radius:10px}.table{margin-bottom:0}.table>thead th{background:#f8fafc;color:#657187;font-size:10px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e8edf4;padding:12px;white-space:nowrap}.table>tbody td{padding:12px;vertical-align:middle;border-color:#edf0f5;font-size:12px}.table-hover>tbody>tr:hover>*{background:#f8fbff}.badge{font-size:9px;font-weight:600;padding:6px 8px}.btn{border-radius:9px;font-weight:600;font-size:12px}.btn-sm{font-size:11px}.btn-primary{background:var(--theme);border-color:var(--theme)}.btn-primary:hover{filter:brightness(.92);background:var(--theme);border-color:var(--theme)}.form-control,.form-select{border-color:#dfe5ee;border-radius:9px;font-size:12px;min-height:40px}.form-control:focus,.form-select:focus{border-color:var(--theme);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--theme) 13%,transparent)}.form-label{font-size:11px;font-weight:600;color:#49566b}.modal-content{border:0;border-radius:16px;box-shadow:0 28px 70px rgba(15,23,42,.18)}.modal-header,.modal-footer{border-color:#edf0f5}.modal-title{font-size:16px;font-weight:700}.filter-card{background:#fff;border:1px solid #e6ebf2;border-radius:13px;padding:15px;margin-bottom:16px}.filter-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.filter-row>div{min-width:135px;flex:1}.filter-row .filter-actions{flex:0 0 auto;display:flex;gap:7px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:10px}.page-header h2{font-size:18px;font-weight:700;margin:0}.page-header p{font-size:11px;color:#7e899c;margin:4px 0 0}.action-group{display:flex;gap:5px;flex-wrap:wrap}.action-group .btn{padding:5px 8px}.empty-state{text-align:center;padding:45px 20px;color:#8a94a6}.empty-state i{display:block;font-size:34px;margin-bottom:12px;color:#cbd5e1}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.summary-item{background:#fff;border:1px solid #e8ecf3;border-radius:12px;padding:14px}.summary-item span{display:block;color:#7d899c;font-size:10px}.summary-item strong{display:block;margin-top:5px;font-size:16px}.offcanvas,.modal{--bs-body-font-family:var(--app-font)}.item-row{display:grid;grid-template-columns:2fr .65fr .7fr 1fr 42px;gap:8px;align-items:end;padding:9px;border:1px solid #e8edf3;border-radius:10px;margin-bottom:8px;background:#fafbfd}.purchase-item-row{grid-template-columns:2fr .65fr .65fr 1fr 42px}.file-preview img{max-width:120px;max-height:85px;border-radius:8px;border:1px solid #ddd}.chart-wrap{height:280px}.login-page{background:#eef2f8}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-visual{padding:70px;background:linear-gradient(145deg,color-mix(in srgb,var(--theme) 88%,#0f172a),#0f172a);color:#fff;align-items:center;position:relative;overflow:hidden}.login-visual:before,.login-visual:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.06)}.login-visual:before{width:420px;height:420px;right:-160px;top:-120px}.login-visual:after{width:280px;height:280px;left:-100px;bottom:-80px}.login-visual>div{max-width:620px;position:relative;z-index:1}.login-visual h1{font-size:52px;line-height:1.08;font-weight:800;margin:15px 0}.login-visual p{font-size:16px;line-height:1.7;color:#dbeafe;max-width:540px}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:700;color:#bfdbfe}.login-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px}.login-feature-grid div{padding:15px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.06);display:flex;gap:9px;align-items:center;font-size:11px}.login-panel{display:grid;place-items:center;padding:35px;background:#fff}.login-card{width:min(410px,100%)}.brand-login{display:flex;align-items:center;gap:12px;margin-bottom:45px}.brand-login img,.brand-mark{width:48px;height:48px;border-radius:13px;object-fit:contain;background:#f1f5f9;padding:6px}.brand-mark{display:grid;place-items:center;background:var(--theme);color:#fff;font-size:21px}.brand-login strong,.brand-login small{display:block}.brand-login strong{font-size:16px}.brand-login small{font-size:10px;color:#8a94a6}.login-card h2{font-size:27px;font-weight:800}.modern-input .input-group-text,.modern-input .form-control,.modern-input .btn{border-color:#e1e6ef;background:#f8fafc}.modern-input .form-control{min-height:48px}.login-card .btn-lg{min-height:48px}.login-hint{text-align:center;margin-top:22px;font-size:10px;color:#9aa4b3}.print-only{display:none}.text-money{font-variant-numeric:tabular-nums;font-weight:600}.truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quick-tabs{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}.quick-tabs .btn.active{background:var(--theme);border-color:var(--theme);color:#fff}.sidebar-collapsed .sidebar{width:82px}.sidebar-collapsed .sidebar-brand span:last-child,.sidebar-collapsed .nav-item span,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-footer div,.sidebar-collapsed .nav-item em,.sidebar-collapsed .nav-dropdown-toggle .arrow{display:none}.sidebar-collapsed .sidebar-brand{justify-content:center;padding:0}.sidebar-collapsed .nav-item{justify-content:center}.sidebar-collapsed .nav-dropdown-menu{display:none}.sidebar-collapsed .app-main{margin-left:82px}
@media(max-width:991.98px){.sidebar{transform:translateX(-100%)}.app-main{margin-left:0}.app-shell.sidebar-mobile-open .sidebar{transform:translateX(0)}.app-shell.sidebar-mobile-open .sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:1035}.content-area{padding:16px}.topbar{padding:0 15px}.topbar h1{font-size:16px}.summary-strip{grid-template-columns:repeat(2,1fr)}.login-shell{display:block}.login-panel{min-height:100vh}.sidebar-collapsed .app-main{margin-left:0}}
@media(max-width:575.98px){.content-area{padding:12px}.page-header{align-items:flex-start;flex-direction:column}.page-header .btn{width:100%}.filter-row{display:grid;grid-template-columns:1fr 1fr}.filter-row>div{min-width:0}.filter-row .filter-actions{grid-column:1/-1}.filter-row .filter-actions .btn{flex:1}.summary-strip{grid-template-columns:1fr 1fr}.stat-card{min-height:105px}.item-row,.purchase-item-row{grid-template-columns:1fr 1fr}.item-row>div:first-child,.purchase-item-row>div:first-child{grid-column:1/-1}.item-row>.remove-col,.purchase-item-row>.remove-col{grid-column:2;justify-self:end}.topbar-actions .btn{display:none!important}.app-footer{padding:12px;display:block;text-align:center}.app-footer span{display:block}.login-panel{padding:22px}.brand-login{margin-bottom:35px}}
@media print{.sidebar,.topbar,.app-footer,.no-print,.sidebar-backdrop{display:none!important}.app-main{margin:0!important}.content-area{padding:0}.card{box-shadow:none;border:0}.print-only{display:block}.table{font-size:10px}body{background:#fff}}
.text-bg-primary{color:#fff!important;background-color:#0d6efd!important}.text-bg-secondary{color:#fff!important;background-color:#6c757d!important}.text-bg-success{color:#fff!important;background-color:#198754!important}.text-bg-danger{color:#fff!important;background-color:#dc3545!important}.text-bg-warning{color:#111!important;background-color:#ffc107!important}.text-bg-info{color:#111!important;background-color:#0dcaf0!important}.text-bg-light{color:#111!important;background-color:#f8f9fa!important}.text-bg-dark{color:#fff!important;background-color:#212529!important}