*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}:root{--ink-900:#0f172a;--ink-700:#334155;--brand-500:#2563eb;--brand-600:#1d4ed8;--brand-700:#1e40af;--surface:#f5f7fb;--surface-2:#eef2ff}html,body{width:100%;overflow-x:hidden}@media print{@page{size:A4;margin:10mm}body *{visibility:hidden!important}.print-invoice,.print-invoice *{visibility:visible!important}.print-invoice{width:100%;position:absolute;top:0;left:0}.print-invoice .headerRow,.print-invoice .tableHeadRow,.print-invoice .headRight,.print-invoice .statusBlock,.print-hide,.sidebar,.topbar,.topbar-actions{display:none!important}.content{padding:0!important;overflow:visible!important}}.dashboard{background:radial-gradient(1200px 600px at 20% -10%,#2563eb1f,#0000 55%),radial-gradient(900px 500px at 95% 0,#0f172a14,#0000 55%),linear-gradient(#f8faff 0%,#eef2ff 100%);height:100vh;display:flex;overflow:hidden}.main{flex-direction:column;flex:1;min-width:0;display:flex}.content{background:linear-gradient(#0000,#0000),radial-gradient(700px 320px at 85% 10%,#2563eb0f,#0000 60%);flex:1;min-width:0;padding:30px;overflow:hidden auto}.topbar{z-index:20;background:#fff;border-bottom:1px solid #e5e7eb;flex-direction:column;justify-content:center;align-items:stretch;padding:10px 24px;display:flex;position:sticky;top:0;box-shadow:0 10px 24px #0f172a0f}.topbar-main{justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar-left{align-items:center;gap:15px;display:flex}.topbar-title{color:#0f172a;letter-spacing:.2px;text-transform:capitalize;font-size:22px;font-weight:700}.topbar-right{align-items:center;display:flex;position:relative}.topbar-actions{flex-wrap:nowrap;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:0 16px;display:flex}.profile-btn{cursor:pointer;color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-weight:600;display:inline-flex}.profile-avatar{object-fit:cover;border-radius:999px}.profile-name{text-transform:capitalize}.profile-menu{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;min-width:160px;padding:6px;display:flex;position:absolute;top:54px;right:0;box-shadow:0 16px 30px #0f172a24}.profile-menu-item{color:#0f172a;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;text-decoration:none;display:flex}.profile-menu-item:hover{background:#f1f5f9}.profile-menu-item.danger{color:#b91c1c}.navActionBtn{color:#1e40af;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:6px 8px;font-size:11px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.navActionBtn:hover{background:#eef2ff;transform:translateY(-1px);box-shadow:0 8px 16px #0f172a1f}.navActionPrimary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;box-shadow:0 10px 20px #2563eb40}@media (max-width:900px){.topbar{padding:8px 16px}.topbar-main{flex-wrap:wrap;align-items:flex-start}.topbar-actions{order:3;justify-content:flex-start;width:100%;padding:6px 0 0}}.sidebar{color:#fff;background:linear-gradient(#111827 0%,#0b1220 60%,#0b1120 100%);flex-direction:column;flex:0 0 260px;width:260px;min-width:260px;max-width:260px;padding:18px;transition:width .25s,flex .25s,min-width .25s;display:flex;overflow-x:hidden}.sidebar-logo{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-bottom:22px;padding-bottom:16px;display:flex}.sidebar-logo img{object-fit:contain;border-radius:10px;width:160px;height:auto;transition:opacity .18s,width .2s}.collapse-btn{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.menu{scrollbar-width:thin;scrollbar-color:#94a3b880 #0f172a33;flex-direction:column;flex:1;gap:8px;padding-right:4px;display:flex;overflow-y:auto}.menu::-webkit-scrollbar{width:6px}.menu::-webkit-scrollbar-track{background:#0f172a33;border-radius:999px}.menu::-webkit-scrollbar-thumb{background:#94a3b899;border-radius:999px}.menu::-webkit-scrollbar-thumb:hover{background:#94a3b8d9}.menu-module{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;padding:6px}.menu-title{color:#d6e2f5;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;padding:11px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex;overflow:hidden}.menu-title:hover{color:#fff;background:#ffffff1a;border-color:#ffffff29}.menu-title-link{text-decoration:none}.menu-title-link.active{color:#eef2ff;background:#2563eb38;border-color:#6385ff73;box-shadow:inset 3px 0 #7aa2ff}.arrow{opacity:.8;justify-content:center;align-items:center;font-size:12px;transition:opacity .15s;display:inline-flex}.submenu{opacity:0;pointer-events:none;flex-direction:column;gap:2px;max-height:0;margin-top:8px;padding-left:6px;transition:max-height .25s,opacity .2s,transform .2s;display:flex;overflow:hidden;transform:translateY(-4px)}.submenu.open{opacity:1;pointer-events:auto;max-height:800px;transform:translateY(0)}.submenu-link{color:#a5b4cf;white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;margin:2px 4px;padding:9px 12px;font-size:13px;text-decoration:none;transition:all .18s;display:flex;overflow:hidden}.menu-text,.submenu-text{transition:opacity .15s,width .15s;display:inline-block}.submenu-link:hover{color:#fff;background:#ffffff14;border-color:#ffffff14}.submenu-link.active{color:#eef2ff;background:#2563eb38;border-color:#6385ff73;box-shadow:inset 3px 0 #7aa2ff}.menu-top-link{color:#d6e2f5;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;margin:0 6px 6px;padding:10px 12px;font-size:13px;font-weight:600}.menu-top-link:hover{color:#fff;background:#ffffff1a;border-color:#ffffff29}.logout{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;margin-top:12px;padding:12px;transition:all .2s}.logout:hover{background:#dc2626}.sidebar.collapsed{flex:0 0 78px;width:78px;min-width:78px;max-width:78px;padding:16px 10px}.sidebar.collapsed .sidebar-logo{border-bottom:none;margin-bottom:10px;padding-bottom:0}.sidebar.collapsed .sidebar-logo img{opacity:0;width:0}.sidebar.collapsed .menu-text,.sidebar.collapsed .submenu-text{opacity:0;width:0;overflow:hidden}.sidebar.collapsed .arrow{opacity:0}.sidebar.collapsed .menu-title{justify-content:center;padding:10px 8px}.sidebar.collapsed .menu-title span{gap:0!important}.sidebar.collapsed .submenu{padding-left:0;opacity:0!important;pointer-events:none!important;max-height:0!important;transform:translateY(-4px)!important}.sidebar.collapsed .submenu-link{justify-content:center;gap:0;margin:4px 0;padding:10px 0}.sidebar.collapsed .submenu-link svg{margin-right:0!important}.card{background:#fff;border-radius:14px;padding:25px;box-shadow:0 4px 18px #0000000d}.form{flex-direction:column;gap:14px;margin-top:15px;display:flex}.form input,.form textarea{border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:12px;transition:all .2s}.form input:focus,.form textarea:focus{border-color:#2563eb}.form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:12px;transition:all .2s}.form button:hover{background:#1d4ed8}.table{border-collapse:collapse;width:100%;margin-top:20px}.table th{text-align:left;background:#f3f4f6;padding:12px;font-weight:600}.table td{border-top:1px solid #eee;padding:12px}.empty{text-align:center;color:#6b7280;padding:20px}