*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f6f8fc;color:#172033}.app{min-height:100vh;display:flex}.sidebar{width:255px;background:#111827;color:#e5e7eb;padding:22px 14px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;gap:11px;align-items:center;padding:8px 10px 28px}.brand-icon{width:38px;height:38px;border-radius:10px;background:#2563eb;display:grid;place-items:center;font-weight:800;font-size:20px}.brand strong,.brand span{display:block}.brand span{font-size:11px;color:#94a3b8;margin-top:3px}nav{display:grid;gap:6px}.nav{border:0;background:transparent;color:#b7c0d0;text-align:left;padding:13px 14px;border-radius:9px;font-size:14px;cursor:pointer}.nav span{margin-left:8px}.nav:hover,.nav.active{background:#1f2937;color:#fff}.side-bottom{margin-top:auto;display:grid;gap:8px}.outline,.danger-link{width:100%;border:1px solid #334155;background:transparent;color:#cbd5e1;padding:10px;border-radius:8px;cursor:pointer;text-align:center;font-size:13px}.import-label{display:block}.danger-link{border:0;color:#fca5a5}main{margin-left:255px;width:calc(100% - 255px);padding:0 28px 35px}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:0;font-size:24px}.topbar p{margin:6px 0 0;color:#6b7280;font-size:13px}.top-actions,.section-toolbar,.filter-row,.date-filter,.report-controls{display:flex;gap:10px;align-items:center}.top-actions select,select,input,textarea{border:1px solid #d9deea;border-radius:8px;background:white;padding:10px 11px;font:inherit;color:#243047}.primary{border:0;background:#2563eb;color:white;padding:10px 15px;border-radius:8px;font-weight:600;cursor:pointer}.secondary{border:1px solid #d9deea;background:white;color:#334155;padding:9px 13px;border-radius:8px;cursor:pointer}.menu-btn{display:none}.view{display:none}.view.active{display:block}.filter-row{justify-content:space-between;margin-bottom:18px}.quick-filters{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid #dbe1ec;background:white;padding:8px 12px;border-radius:999px;font-size:12px;cursor:pointer}.chip.active{background:#2563eb;color:#fff;border-color:#2563eb}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.card,.panel{background:white;border:1px solid #edf0f5;border-radius:13px;box-shadow:0 2px 10px rgba(20,35,60,.035)}.card{padding:20px}.card span{display:block;color:#6b7280;font-size:13px}.card strong{font-size:27px;display:block;margin:9px 0 5px}.card small{color:#9aa4b2}.accent{background:linear-gradient(135deg,#2563eb,#4f46e5);color:white;border:0}.accent span,.accent small{color:#dbeafe}.dashboard-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;margin-bottom:18px}.panel{padding:18px;margin-bottom:18px}.panel h3{margin:0 0 16px;font-size:16px}.panel-head{display:flex;justify-content:space-between;align-items:center}.text-btn{border:0;background:none;color:#2563eb;cursor:pointer}.bar-chart{height:255px;display:flex;align-items:flex-end;gap:13px;padding-top:20px}.bar-wrap{flex:1;text-align:center;min-width:30px}.bar{background:#2563eb;border-radius:6px 6px 2px 2px;min-height:3px}.bar-label{font-size:11px;color:#7b8492;margin-top:7px}.bar-value{font-size:10px;color:#64748b;margin-bottom:4px}.category-row,.summary-row{margin:13px 0}.category-top,.summary-top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.progress{height:8px;background:#eef2f7;border-radius:999px;overflow:hidden}.progress>i{display:block;height:100%;background:#2563eb;border-radius:999px}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#6b7280;font-weight:600;background:#fafbfc}th,td{padding:13px 12px;border-bottom:1px solid #eef1f5}.table-wrap{overflow:auto}.badge{padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700;display:inline-block}.pending{background:#fff7dd;color:#a16207}.approved{background:#e8f8ef;color:#15803d}.rejected{background:#feecec;color:#b91c1c}.section-toolbar{margin-bottom:16px}.search{display:flex;align-items:center;background:#fff;border:1px solid #d9deea;border-radius:8px;padding:0 10px;flex:1;max-width:430px}.search input{border:0;outline:0;width:100%}.empty{text-align:center;padding:42px;color:#778092;display:none}.action-btn{border:0;background:none;color:#2563eb;cursor:pointer;margin-right:8px}.action-btn.delete{color:#dc2626}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.inline-add{display:flex;gap:8px}.inline-add input{flex:1}.tag-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.tag{padding:8px 10px;background:#eff6ff;border-radius:8px;font-size:12px}.tag button{border:0;background:none;color:#dc2626;cursor:pointer;margin-left:6px}.muted{color:#718096;font-size:13px;line-height:1.6}.info-box{background:#f8fafc;border-radius:9px;padding:15px;line-height:1.8}.modal{position:fixed;inset:0;background:rgba(15,23,42,.52);display:grid;place-items:center;padding:18px;z-index:10}.hidden{display:none}.modal-card{background:white;border-radius:16px;width:min(760px,100%);max-height:92vh;overflow:auto;padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.modal-head h2{margin:0}.modal-head p{margin:5px 0;color:#7b8492;font-size:13px}.close{border:0;background:#f1f5f9;border-radius:50%;width:34px;height:34px;font-size:23px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{font-size:12px;font-weight:600;color:#475569;display:grid;gap:6px}.form-grid input,.form-grid select,.form-grid textarea{width:100%}.form-grid textarea{min-height:75px;resize:vertical}.full{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.toast{position:fixed;right:24px;bottom:24px;background:#111827;color:#fff;padding:12px 16px;border-radius:9px;transform:translateY(80px);opacity:0;transition:.25s;z-index:20}.toast.show{transform:none;opacity:1}.summary-list{min-height:160px}.summary-row{padding-bottom:10px;border-bottom:1px solid #eef1f5}.report-controls{margin-bottom:18px}.report-cards{grid-template-columns:repeat(3,1fr)}@media(max-width:950px){.sidebar{width:68px;padding:18px 9px}.brand{padding:6px 5px 25px}.brand>div:last-child,.nav span,.side-bottom{display:none}.nav{text-align:center;padding:13px 5px}.nav span{margin:0}main{margin-left:68px;width:calc(100% - 68px)}.cards{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.settings-grid{grid-template-columns:1fr}}@media(max-width:640px){main{margin:0;width:100%;padding:0 14px 25px}.sidebar{transform:translateX(-100%);width:255px;z-index:15;transition:.2s}.sidebar.open{transform:none}.brand>div:last-child,.nav span,.side-bottom{display:grid}.menu-btn{display:block;border:0;background:white;font-size:21px;margin-right:10px}.topbar{height:auto;padding:18px 0;align-items:flex-start}.top-actions select{display:none}.topbar h1{font-size:20px}.filter-row,.date-filter,.section-toolbar,.report-controls{align-items:stretch;flex-direction:column}.date-filter input{width:100%}.cards,.report-cards{grid-template-columns:1fr}.dashboard-grid{display:block}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.section-toolbar .search{max-width:none}.panel{padding:12px}th,td{white-space:nowrap;padding:10px 9px}.top-actions{margin-left:10px}.primary{white-space:nowrap}}@media print{.sidebar,.topbar,.report-controls{display:none!important}main{margin:0!important;width:100%!important;padding:0!important}.view{display:none!important}#reports{display:block!important}.panel,.card{box-shadow:none;border:1px solid #ddd}.dashboard-grid{grid-template-columns:1fr 1fr}}