@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--bg-color:#f1f5f9;--panel-bg:#fff;--text-primary:#0f172a;--text-secondary:#475569;--accent-color:#3b82f6;--accent-hover:#2563eb;--border-color:#e2e8f0;--danger:#dc2626;--success:#059669;--input-bg:#f8fafc;--table-hover:#00000008;--form-bg:#0000000d;--zebra-bg:#f8fafc}[data-theme=dark]{--bg-color:#0f172a;--panel-bg:#1e293bb3;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#3b82f6;--accent-hover:#2563eb;--border-color:#ffffff1a;--danger:#ef4444;--success:#10b981;--input-bg:#0f172a99;--table-hover:#ffffff0d;--form-bg:#0003;--zebra-bg:#ffffff05}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif}*{box-sizing:border-box}.dashboard-layout{height:100vh;display:flex;overflow:hidden}.sidebar{z-index:999;background:var(--panel-bg);border-right:1px solid var(--border-color);flex-direction:column;width:280px;height:100vh;padding:20px;transition:left .3s;display:flex;position:fixed;top:0;left:-280px;box-shadow:4px 0 15px #0000001a}.sidebar.open{left:0}.sidebar h2{color:var(--text-primary);letter-spacing:.5px;margin-top:0;margin-bottom:30px;font-size:20px}.nav-link{color:var(--text-secondary);border-radius:8px;margin-bottom:8px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .2s}.nav-link:hover,.nav-link.active{color:var(--accent-color);background:#3b82f61a}.main-content{flex:1;padding:12px 40px 40px;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.page-title{margin:0;font-size:28px;font-weight:600}.card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:16px;padding:24px}.input-field{background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:all .2s}.input-field:focus{border-color:var(--accent-color)}.btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s}.btn:hover{background:var(--accent-hover)}table.data-table{border-collapse:collapse;width:100%;margin-top:6px}table.data-table th,table.data-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:7px 8px}table.data-table td{color:var(--text-primary);font-size:13px}table.data-table th{background-color:var(--bg-color);color:var(--text-primary);text-transform:uppercase;border-bottom:2px solid var(--border-color);font-size:13px;font-weight:700}table.data-table tbody tr{cursor:pointer;transition:background .2s}table.data-table tbody tr:nth-child(2n){background-color:var(--zebra-bg)}table.data-table tbody tr:hover{background:var(--table-hover)}.hamburger-btn{z-index:1000;background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;position:fixed;top:15px;right:15px;box-shadow:0 4px 6px #0000001a}.sidebar-overlay{z-index:998;background:#00000080;width:100%;height:100%;display:block;position:fixed;top:0;left:0}@media (max-width:768px){.main-content{padding:70px 20px 20px}table.data-table,table.data-table thead,table.data-table tbody,table.data-table th,table.data-table td,table.data-table tr{display:block}table.data-table thead tr{position:absolute;top:-9999px;left:-9999px}table.data-table tr{border:1px solid var(--border-color);background:var(--panel-bg);border-radius:8px;margin-bottom:15px;overflow:hidden}table.data-table td{border:none;border-bottom:1px solid var(--border-color);text-align:center;word-break:break-all;padding:30px 10px 15px;position:relative}table.data-table td:last-child{border-bottom:0}table.data-table td:before{color:var(--text-secondary);content:attr(data-label);font-size:11px;font-weight:600;position:absolute;top:8px;left:10px}}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:var(--form-bg);color:var(--text-primary)}.table-container{border-radius:8px;max-height:calc(100vh - 350px);overflow-y:auto}.table-container thead th{z-index:10;position:sticky;top:0}.table-container::-webkit-scrollbar{width:8px}.table-container::-webkit-scrollbar-track{background:var(--bg-color)}.table-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media print{.sidebar,.navbar,.btn,.no-print,button{display:none!important}body,html,.dashboard-layout,.main-content{font-size:12px;color:#000!important;background-color:#fff!important;height:auto!important;min-height:auto!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.main-content{max-width:100%!important;margin-left:0!important;padding:10mm!important}table,.data-table{page-break-inside:auto;border-collapse:collapse!important;width:100%!important}tr{page-break-inside:avoid;page-break-after:auto}th,td{color:#000!important;border:1px solid #ccc!important;padding:4px!important}th{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#000!important;background-color:#f0f0f0!important}.card,.table-container,.dashboard-stats{margin-bottom:20px;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;overflow:visible!important}.stat-card{border:1px solid #ccc;color:#000!important;background:0 0!important}h1,h2,h3,p,span,strong{color:#000!important}*{-webkit-print-color-adjust:exact!important;color-adjust:exact!important}}