:root{--sidebar-width:280px;--sidebar-collapsed-width:72px;--topbar-height:56px;--page-max-width:1320px;--bg:#fff;--app-bg:#f3f6fa;--text:#10253e;--muted:#6f849b;--primary:#f15a00;--card-shadow:0 2px 8px rgba(16,37,62,.07);--border:#e1e8f0}*{box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--app-bg);height:100%;color:var(--text);margin:0;padding:0;font-family:Trebuchet MS,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.container-sm{max-width:var(--page-max-width);margin:0 auto;padding:0 18px}.hidden{display:none!important}img[src*=profile]{object-fit:cover;max-width:120px;max-height:120px;display:inline-block}[data-theme=dark]{--bg:#18181b;--fg:#f3f4f6;--border:#27272a;--primary:#6366f1;--primary-dark:#4338ca;--danger:#ef4444;--danger-bg:#fef2f2;--success:#059669;--success-bg:#f0fdf4;--modal-bg:#23232a;--modal-fg:#f3f4f6}body,.navbar,.navbar{background:var(--bg,white);color:var(--fg,#18181b)}.modalContent{background:var(--modal-bg,white);color:var(--modal-fg,#18181b)}.input,.input:focus,.input:disabled{background:var(--bg,#f9fafb);color:var(--fg,#18181b);border-color:var(--border,#e5e7eb)}.buttonPrimary{background:var(--primary,#4f46e5);color:#fff}.buttonPrimary:hover{background:var(--primary-dark,#4338ca)}.logoutButton{color:var(--danger,#dc2626)}.logoutButton:hover{background:var(--danger-bg,#fef2f2);color:var(--danger,#dc2626)}.successText{background:var(--success-bg,#f0fdf4);color:var(--success,#059669)}.errorText{background:var(--danger-bg,#fef2f2);color:var(--danger,#dc2626)}body table{color:var(--text);background:#fff}body table th{font-weight:700;color:#506b86!important;border-bottom:1px solid var(--border)!important;background:#f1f5f9!important}body table td{color:#213b57;border-bottom-color:#e8eef4!important}body table tbody tr:hover td{background:#f8fbfd!important}body input:not([type=checkbox]):not([type=radio]),body select,body textarea{border-radius:6px;color:#18324d!important;background:#fff!important;border:1px solid #cbd9e6!important}body input:not([type=checkbox]):not([type=radio]):focus,body select:focus,body textarea:focus{outline:none;box-shadow:none!important;border-color:#f15a00!important}body input:not([type=checkbox]):not([type=radio]),body input:not([type=checkbox]):not([type=radio]):focus,body select,body select:focus,body textarea,body textarea:focus{box-shadow:none!important}body label{color:#526d87}body button{border-radius:6px}[class*=tableWrapper],[class*=tableWrap]{border:1px solid var(--border);box-shadow:var(--card-shadow);border-radius:8px;background:#fff!important}[class*=modalContent],[class*=modalBox]{border:1px solid var(--border);border-radius:8px;box-shadow:0 16px 40px rgba(16,37,62,.18)}body [class*=table] th,body [class*=dataTable] th{color:#506b86!important;background:#f1f5f9!important;border-bottom:1px solid #dce6ef!important}body [class*=table] td,body [class*=dataTable] td{color:#213b57!important;background:#fff!important;border-bottom-color:#e7eef4!important}body [class*=table] tr:hover td,body [class*=dataTable] tr:hover td{background:#f8fbfd!important}body button[class*=addBtn],body button[class*=eventBtn],body button[class*=submitBtn],body button[class*=refreshBtn],body button[class*=button]:not([class*=delete]):not([class*=cancel]):not([class*=close]){color:#fff!important;background:#f15a00!important;border-color:#f15a00!important}body button[class*=addBtn]:hover,body button[class*=eventBtn]:hover,body button[class*=submitBtn]:hover,body button[class*=refreshBtn]:hover{background:#0b6fa9!important}body button[class*=addButton],body button[class*=add]{color:#fff!important;background:#f15a00!important;border-color:#f15a00!important}body [class*=sectionHeader],body [class*=formHeader]{color:#17314e!important;border-color:#f15a00!important}body [class*=container]{color:#10253e}body form,body [class*=form],body [class*=Form],body table,body [class*=table],body [class*=Table],body [class*=modal],body [class*=Modal],body input:not([type=checkbox]):not([type=radio]),body select,body textarea{border-radius:0!important}body [class*=projectCard],body [class*=recordCard],body [class*=inflowCard],body [class*=transferCard],body [class*=staffCard],body [class*=advanceCard],body [class*=shopCard],body [class*=summaryCard],body [class*=materialCard]{border:1px solid #dce6ef!important;border-top:3px solid #f15a00!important;border-radius:0!important;box-shadow:0 3px 10px rgba(16,37,62,.07)!important}body [class*=statCard],body [class*=analyticsCard],body [class*=recentCard],body [class*=chartCard]{border-top:3px solid #10253e!important;border-radius:0!important}body [class*=inflowCard],body [class*=advanceCard]{border-top-color:#08a875!important}body [class*=transferCard],body [class*=staffCard]{border-top-color:#10253e!important}body [class*=shopCard],body [class*=materialCard]{border-top-color:#ed9700!important}body [class*=projectCard]:hover,body [class*=recordCard]:hover,body [class*=inflowCard]:hover,body [class*=transferCard]:hover,body [class*=staffCard]:hover,body [class*=advanceCard]:hover,body [class*=shopCard]:hover,body [class*=materialCard]:hover{box-shadow:0 6px 16px rgba(16,37,62,.12)!important}body .statsGrid .statCard:nth-child(4n+1){border-top:3px solid #f15a00}body .statsGrid .statCard:nth-child(4n+2){border-top:3px solid #10253e}body .statsGrid .statCard:nth-child(4n+3){border-top:3px solid #08a875}body .statsGrid .statCard:nth-child(4n){border-top:3px solid #f04444}body [class*=modalContent] h2,body [class*=modalContent] h3,body [class*=modalBox] h2,body [class*=modalBox] h3,body [class*=excelModal] h2,body [class*=excelModal] h3,body [class*=viewModal] h2,body [class*=viewModal] h3{font-weight:700;color:#17314e!important}body [class*=modalContent] label,body [class*=modalBox] label,body [class*=excelModal] label,body [class*=viewModal] label{font-size:12px;font-weight:700;color:#506b86!important}body [class*=modalContent] input,body [class*=modalContent] select,body [class*=modalContent] textarea,body [class*=modalBox] input,body [class*=modalBox] select,body [class*=modalBox] textarea,body [class*=excelModal] input,body [class*=excelModal] select,body [class*=excelModal] textarea,body [class*=viewModal] input,body [class*=viewModal] select,body [class*=viewModal] textarea{min-height:38px;color:#18324d!important;background:#fbfcfe!important;border:1px solid #cbd9e6!important;border-radius:0!important}body [class*=modalContent] input:focus,body [class*=modalContent] select:focus,body [class*=modalContent] textarea:focus,body [class*=modalBox] input:focus,body [class*=modalBox] select:focus,body [class*=modalBox] textarea:focus,body [class*=excelModal] input:focus,body [class*=excelModal] select:focus,body [class*=excelModal] textarea:focus{border-color:#f15a00!important;box-shadow:0 0 0 3px rgba(241,90,0,.1)!important}body [class*=modalContent] button[type=submit],body [class*=modalBox] button[type=submit],body [class*=modalContent] .submitBtn,body [class*=modalBox] .submitBtn,body [class*=excelModal] .button:not([class*=cancel]):not([class*=template]){font-weight:700;color:#fff!important;background:#f15a00!important;border-color:#f15a00!important;border-radius:0!important}body [class*=modalOverlay],body [class*=excelModalOverlay]{background:rgba(9,27,46,.5)!important}