/* Kufra Government System - Modern Desktop ERP UI v3.2.0 */
:root{
  --erp-navy:#0b1f33;
  --erp-navy-2:#102a43;
  --erp-navy-3:#173b57;
  --erp-accent:#2563eb;
  --erp-accent-2:#0ea5a4;
  --erp-accent-soft:#eaf2ff;
  --erp-bg:#f3f6fa;
  --erp-surface:#ffffff;
  --erp-surface-2:#f8fafc;
  --erp-border:#dbe4ee;
  --erp-border-strong:#c7d3df;
  --erp-text:#172033;
  --erp-muted:#6b7a90;
  --erp-success:#16845b;
  --erp-warning:#b7791f;
  --erp-danger:#c2413b;
  --erp-info:#2563eb;
  --erp-shadow:0 8px 24px rgba(15,31,51,.07);
  --erp-shadow-sm:0 2px 8px rgba(15,31,51,.06);
  --erp-radius:10px;
  --erp-sidebar:264px;
  --erp-menubar:42px;
  --erp-topbar:58px;
  --erp-toolbar:44px;
  --erp-tabs:38px;
  --erp-status:30px;
}
html,body,button,input,select,textarea,table,.btn,.btn-soft,.a-btn{font-family:'Cairo',Tahoma,Arial,sans-serif!important}
*{box-sizing:border-box}
body.desktop-app{margin:0!important;background:var(--erp-bg)!important;color:var(--erp-text)!important;line-height:1.6!important;padding-bottom:var(--erp-status);font-size:14px}
body.desktop-app *{scrollbar-width:thin;scrollbar-color:#aebdcb #eef3f7}
body.desktop-app ::-webkit-scrollbar{width:8px;height:8px}
body.desktop-app ::-webkit-scrollbar-track{background:#eef3f7}
body.desktop-app ::-webkit-scrollbar-thumb{background:#aebdcb;border-radius:8px;border:2px solid #eef3f7}

/* Sidebar */
body.desktop-app .sidebar{position:fixed!important;right:0!important;top:var(--erp-menubar)!important;width:var(--erp-sidebar)!important;height:calc(100vh - var(--erp-menubar) - var(--erp-status))!important;background:linear-gradient(180deg,var(--erp-navy) 0%,#0d2438 100%)!important;color:#d9e7f3!important;border:0!important;box-shadow:0 0 24px rgba(7,21,34,.16)!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:1020!important}
body.desktop-app .sidebar-header{height:auto!important;min-height:112px!important;padding:18px 18px 14px!important;background:rgba(255,255,255,.035)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;display:grid!important;grid-template-columns:58px 1fr!important;grid-template-rows:auto auto!important;column-gap:12px!important;text-align:right!important;align-items:center!important}
body.desktop-app .sidebar-logo{grid-row:1/3!important;width:58px!important;height:58px!important;margin:0!important;padding:5px!important;border-radius:14px!important;background:#fff!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 6px 14px rgba(0,0,0,.18)!important;overflow:hidden!important}
body.desktop-app .sidebar-logo img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}
body.desktop-app .sidebar-title{font-size:.94rem!important;font-weight:800!important;color:#fff!important;align-self:end!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.5!important}
body.desktop-app .sidebar-subtitle{font-size:.7rem!important;color:#92abc0!important;align-self:start!important;margin-top:3px!important}
body.desktop-app .sidebar-pill{display:none!important}
body.desktop-app .nav-menu{padding:12px 10px 18px!important;display:block!important;min-height:0!important}
body.desktop-app .nav-section{display:none!important}
body.desktop-app .nav-expand-toggle{display:none!important}
body.desktop-app .vb-pinned{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:10px;margin-bottom:10px}
body.desktop-app .vb-tree-group{margin:5px 0;background:transparent;border:0}
body.desktop-app .vb-tree-group>summary{list-style:none;cursor:pointer;user-select:none;padding:8px 10px;color:#93a9bd;font-size:.73rem;font-weight:800;display:flex;align-items:center;gap:8px;border-radius:8px;transition:background .15s,color .15s}
body.desktop-app .vb-tree-group>summary::-webkit-details-marker{display:none}
body.desktop-app .vb-tree-group>summary:before{content:'›';font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif;font-size:17px;line-height:1;color:#708ca3;transform:rotate(0);transition:transform .15s}
body.desktop-app .vb-tree-group[open]>summary{color:#d7e8f7;background:rgba(255,255,255,.04)}
body.desktop-app .vb-tree-group[open]>summary:before{transform:rotate(-90deg);color:#4fc3f7}
body.desktop-app .vb-tree-items{padding:3px 0 7px}
body.desktop-app .nav-item{display:flex!important;align-items:center!important;min-height:40px!important;padding:8px 10px!important;margin:2px 0!important;border:0!important;border-radius:9px!important;color:#c5d6e5!important;background:transparent!important;transform:none!important;font-size:.76rem!important;text-decoration:none!important;transition:background .15s,color .15s,transform .15s!important;position:relative!important}
body.desktop-app .nav-item:hover{background:rgba(255,255,255,.075)!important;color:#fff!important;transform:translateX(-2px)!important}
body.desktop-app .nav-item.active{background:linear-gradient(90deg,rgba(37,99,235,.23),rgba(14,165,164,.12))!important;color:#fff!important;font-weight:800!important;box-shadow:inset -3px 0 0 #38bdf8!important}
body.desktop-app .nav-item i{width:20px!important;height:20px!important;margin-left:9px!important;color:#86a5bd!important;flex:0 0 20px!important}
body.desktop-app .nav-item:hover i,body.desktop-app .nav-item.active i{color:#64d3ff!important}
body.desktop-app .nav-tag{margin-right:auto!important;font-size:.61rem!important;border-radius:999px!important;background:#ef4444!important;color:#fff!important;padding:1px 6px!important;min-width:20px!important;text-align:center!important}
body.desktop-app .sidebar-footer{margin-top:12px!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.08)!important}
body.desktop-app .sidebar-footer .nav-item{color:#ffb4b4!important}

/* Main shell */
body.desktop-app .main-content{margin-right:var(--erp-sidebar)!important;min-height:calc(100vh - var(--erp-status))!important;background:var(--erp-bg)!important;padding-top:calc(var(--erp-menubar) + var(--erp-topbar) + var(--erp-toolbar) + var(--erp-tabs))!important}
body.desktop-app .top-bar{position:fixed!important;right:var(--erp-sidebar)!important;left:0!important;top:var(--erp-menubar)!important;z-index:1000!important;padding:0!important;background:#fff!important;border-bottom:1px solid var(--erp-border)!important;height:var(--erp-topbar)!important;box-shadow:0 1px 0 rgba(15,31,51,.02)!important;backdrop-filter:none!important}
body.desktop-app .top-bar-shell{height:var(--erp-topbar)!important;padding:8px 18px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:visible!important;align-items:center!important}
body.desktop-app .top-bar-shell:before{display:none!important}
body.desktop-app .page-heading{gap:2px!important}
body.desktop-app .page-title{font-size:1.02rem!important;font-weight:800!important;color:#172033!important;letter-spacing:-.01em!important}
body.desktop-app .page-subtitle{font-size:.7rem!important;color:var(--erp-muted)!important;gap:5px!important}
body.desktop-app .title-chip{border-radius:999px!important;padding:3px 8px!important;background:#f3f6f9!important;border:1px solid var(--erp-border)!important;font-size:.63rem!important;color:#5b6b80!important}
body.desktop-app .title-chip.primary{background:#eaf2ff!important;color:#2456b6!important;border-color:#cfe0ff!important}
body.desktop-app .optional-hide{min-width:230px!important}
body.desktop-app .optional-hide input{height:34px!important;padding:5px 10px!important;border-radius:9px!important;border:1px solid var(--erp-border-strong)!important;background:#f8fafc!important;font-size:.74rem!important;transition:.15s!important}
body.desktop-app .optional-hide input:focus{border-color:#84aef8!important;background:#fff!important;box-shadow:0 0 0 3px rgba(37,99,235,.08)!important}
body.desktop-app .notification-btn{width:36px!important;height:36px!important;border-radius:10px!important;border:1px solid var(--erp-border)!important;background:#fff!important;box-shadow:none!important;color:#45627d!important}
body.desktop-app .notification-btn:hover{transform:none!important;background:#f4f8fc!important;border-color:#b9cae0!important}
body.desktop-app .notification-badge{font-size:.57rem!important;min-width:16px!important;height:16px!important;border-width:2px!important;top:-5px!important;right:-5px!important}
body.desktop-app .user-profile{padding:4px 7px!important;border-radius:11px!important;border:1px solid var(--erp-border)!important;background:#fff!important;gap:7px!important;box-shadow:none!important}
body.desktop-app .user-avatar{width:32px!important;height:32px!important;border-radius:9px!important;background:linear-gradient(135deg,#2563eb,#0ea5a4)!important;box-shadow:none!important;font-size:.72rem!important}
body.desktop-app .user-name{font-size:.73rem!important;color:#24384e!important;font-weight:800!important}.desktop-app .user-role{font-size:.61rem!important;color:#8190a5!important}.desktop-app .user-dropdown{border-radius:12px!important;padding:5px!important;border:1px solid var(--erp-border)!important;box-shadow:0 14px 35px rgba(15,31,51,.14)!important;background:#fff!important;backdrop-filter:none!important}.desktop-app .user-dropdown a{border-radius:8px!important;padding:7px 10px!important;font-size:.73rem!important}.desktop-app .user-dropdown a:hover{background:#f0f6ff!important}
body.desktop-app .content-wrapper{padding:16px 18px 24px!important;min-height:calc(100vh - 215px)!important}

/* Top application menu */
.vb-menubar{position:fixed;top:0;right:0;left:0;height:var(--erp-menubar);z-index:2100;background:var(--erp-navy);border:0;display:flex;align-items:center;padding:0 10px 0 14px;font-family:'Cairo',Tahoma,Arial,sans-serif;box-shadow:0 2px 10px rgba(8,24,38,.14)}
.vb-app-caption{display:flex;align-items:center;gap:8px;font-size:.74rem;font-weight:800;padding:0 8px 0 18px;color:#fff;border-left:1px solid rgba(255,255,255,.11);height:28px}
.vb-app-caption img{width:22px;height:22px;object-fit:contain;background:#fff;border-radius:6px;padding:2px}
.vb-menu{position:relative;display:flex;align-items:center;height:100%}
.vb-menu>button{height:32px;border:0;background:transparent;padding:0 11px;font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif;font-size:.71rem;color:#c8d8e6;cursor:pointer;border-radius:8px;transition:.15s}
.vb-menu:hover>button,.vb-menu.open>button{background:rgba(255,255,255,.09);color:#fff}
.vb-menu-popup{display:none;position:absolute;top:36px;right:0;min-width:220px;padding:7px;background:#fff;border:1px solid var(--erp-border);border-radius:12px;box-shadow:0 18px 40px rgba(15,31,51,.18);z-index:2300}
.vb-menu:hover .vb-menu-popup,.vb-menu.open .vb-menu-popup{display:block}
.vb-menu-popup a{display:flex;align-items:center;gap:9px;padding:8px 10px;text-decoration:none;color:#24364b;font-size:.72rem;white-space:nowrap;border:0;border-radius:8px;transition:.12s}
.vb-menu-popup a:hover{background:#edf4ff;color:#1d4ed8}
.vb-menu-popup i{width:18px!important;height:18px!important;color:#5f7790!important}

/* Toolbar */
.vb-toolbar{position:fixed;right:var(--erp-sidebar);left:0;top:calc(var(--erp-menubar) + var(--erp-topbar));height:var(--erp-toolbar);z-index:990;background:#fff;border-bottom:1px solid var(--erp-border);display:flex;align-items:center;padding:5px 15px;gap:5px;box-shadow:0 2px 7px rgba(15,31,51,.025)}
.vb-tool{height:32px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid transparent;background:transparent;color:#40556c;text-decoration:none;font-size:.69rem;font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif;cursor:pointer;border-radius:9px;transition:.13s}
.vb-tool:hover{border-color:#d7e2ef;background:#f2f7fd;color:#1e4f8f}
.vb-tool:active{background:#e7f0fb}
.vb-tool i{width:17px!important;height:17px!important;color:#4c78a8!important}
.vb-tool-sep{width:1px;height:22px;background:var(--erp-border);margin:0 4px}

/* Document tabs */
.vb-tabs{position:fixed;right:var(--erp-sidebar);left:0;top:calc(var(--erp-menubar) + var(--erp-topbar) + var(--erp-toolbar));height:var(--erp-tabs);z-index:980;background:#eef3f8;border-bottom:1px solid var(--erp-border);display:flex;align-items:flex-end;padding:4px 13px 0;gap:4px;overflow-x:auto;overflow-y:hidden}
.vb-tab{height:32px;min-width:120px;max-width:210px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border:1px solid #d5dee8;border-bottom:0;background:#e7edf3;color:#53657a;text-decoration:none;font-size:.67rem;white-space:nowrap;border-radius:9px 9px 0 0;transition:.13s}
.vb-tab:hover{background:#f5f8fb;color:#30475e}
.vb-tab.active{background:#fff;color:#1e4f8f;font-weight:800;border-color:#cbd7e4;position:relative}
.vb-tab.active:after{content:'';position:absolute;right:12px;left:12px;bottom:0;height:2px;background:linear-gradient(90deg,#2563eb,#0ea5a4);border-radius:3px 3px 0 0}
.vb-tab-label{overflow:hidden;text-overflow:ellipsis}
.vb-tab-close{width:18px;height:18px;border:0;border-radius:5px;background:transparent;color:#8190a0;font:700 13px Arial;line-height:17px;cursor:pointer;padding:0}
.vb-tab-close:hover{background:#fee2e2;color:#b91c1c}
.vb-tabs-empty{font-size:.64rem;color:#718096;padding:7px 9px}

/* Bottom status */
.vb-statusbar{position:fixed;right:0;left:0;bottom:0;height:var(--erp-status);z-index:2200;background:#0c2135;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;padding:0 8px;gap:0;font-size:.61rem;color:#aac0d2}
.vb-status-cell{height:20px;display:flex;align-items:center;gap:6px;padding:0 10px;border-left:1px solid rgba(255,255,255,.08);background:transparent;min-width:112px}
.vb-status-cell i{width:14px!important;height:14px!important}
.vb-status-cell.flex{flex:1;color:#718da4}.vb-status-ok{color:#61d5a7}.vb-status-ok:before{content:'';width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.1)}

/* Cards, page heads and panels */
body.desktop-app .card,body.desktop-app .section-card,body.desktop-app .simple-card,body.desktop-app .a-card,body.desktop-app .enterprise-page-head{border-radius:var(--erp-radius)!important;border:1px solid var(--erp-border)!important;box-shadow:var(--erp-shadow-sm)!important;background:var(--erp-surface)!important}
body.desktop-app .card-header,body.desktop-app .section-head,body.desktop-app .a-card-head{background:#fff!important;border-bottom:1px solid #e6edf4!important;padding:11px 14px!important;min-height:44px!important;border-radius:var(--erp-radius) var(--erp-radius) 0 0!important}
body.desktop-app .card-header h2,body.desktop-app .card-header h3,body.desktop-app .section-head h2,body.desktop-app .section-head h3{font-weight:800!important;color:#22364c!important}
body.desktop-app .card-body,body.desktop-app .a-card-body{padding:14px!important}
body.desktop-app .section-card{padding:14px!important}
body.desktop-app .enterprise-page-head{padding:15px 17px!important;margin-bottom:12px!important;background:linear-gradient(120deg,#ffffff,#f8fbff)!important;border-right:4px solid #2563eb!important}
body.desktop-app .enterprise-page-head h1{font-size:1.08rem!important;color:#17324d!important}.desktop-app .enterprise-page-head p{font-size:.72rem!important;color:#728398!important;margin-top:3px!important}

/* Buttons */
body.desktop-app .btn,body.desktop-app .btn-soft,body.desktop-app .a-btn{border-radius:9px!important;min-height:34px!important;padding:6px 11px!important;font-size:.71rem!important;box-shadow:none!important;transform:none!important;border:1px solid var(--erp-border-strong)!important;background:#fff!important;color:#334b63!important;font-weight:700!important;transition:background .14s,border-color .14s,color .14s,box-shadow .14s!important}
body.desktop-app .btn:hover,body.desktop-app .btn-soft:hover,body.desktop-app .a-btn:hover{background:#f3f7fb!important;border-color:#aebfd0!important;color:#1d4166!important;transform:none!important}
body.desktop-app .btn-primary,body.desktop-app .btn-blue,body.desktop-app .a-btn-primary{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;box-shadow:0 4px 10px rgba(37,99,235,.14)!important}
body.desktop-app .btn-primary:hover,body.desktop-app .btn-blue:hover,body.desktop-app .a-btn-primary:hover{background:#1d4ed8!important;border-color:#1d4ed8!important;color:#fff!important}
body.desktop-app .btn-success,body.desktop-app .btn-green{background:#16845b!important;color:#fff!important;border-color:#16845b!important}
body.desktop-app .btn-danger,body.desktop-app .btn-red,body.desktop-app .a-btn-danger{background:#c2413b!important;color:#fff!important;border-color:#c2413b!important}

/* Inputs */
body.desktop-app input,body.desktop-app select,body.desktop-app textarea,body.desktop-app .form-input,body.desktop-app .form-select,body.desktop-app .form-textarea,body.desktop-app .a-input,body.desktop-app .a-select,body.desktop-app .a-textarea{border-radius:9px!important;border:1px solid var(--erp-border-strong)!important;background:#fff!important;box-shadow:none!important;padding:7px 10px!important;font-size:.73rem!important;min-height:36px!important;color:#25384e!important;transition:border-color .13s,box-shadow .13s!important}
body.desktop-app textarea,body.desktop-app .form-textarea,body.desktop-app .a-textarea{min-height:84px!important}
body.desktop-app input:focus,body.desktop-app select:focus,body.desktop-app textarea:focus{outline:0!important;border-color:#7aa7f5!important;box-shadow:0 0 0 3px rgba(37,99,235,.08)!important}
body.desktop-app label,body.desktop-app .form-label{color:#52657b!important;font-weight:700!important;font-size:.7rem!important}

/* Data grids */
body.desktop-app .table-scroll{border:1px solid var(--erp-border)!important;border-radius:10px!important;background:#fff!important;overflow:auto!important;box-shadow:none!important}
body.desktop-app table{font-size:.71rem!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;width:100%}
body.desktop-app .data-table th,body.desktop-app .table-simple th,body.desktop-app .a-table th{background:#f5f8fb!important;color:#486078!important;border:0!important;border-bottom:1px solid #dfe7ef!important;padding:9px 10px!important;font-size:.67rem!important;font-weight:800!important;white-space:nowrap!important;position:sticky;top:0;z-index:2}
body.desktop-app .data-table td,body.desktop-app .table-simple td,body.desktop-app .a-table td{border:0!important;border-bottom:1px solid #edf1f5!important;padding:9px 10px!important;font-size:.7rem!important;background:#fff!important;color:#2d4055!important}
body.desktop-app .data-table tr:last-child td,body.desktop-app .table-simple tr:last-child td,body.desktop-app .a-table tr:last-child td{border-bottom:0!important}
body.desktop-app .data-table tr:nth-child(even) td,body.desktop-app .table-simple tr:nth-child(even) td,body.desktop-app .a-table tr:nth-child(even) td{background:#fbfcfe!important}
body.desktop-app .data-table tr:hover td,body.desktop-app .table-simple tr:hover td,body.desktop-app .a-table tr:hover td{background:#f0f6ff!important}

/* Badges and KPIs */
body.desktop-app .status-badge,body.desktop-app .badge,body.desktop-app .pill{border-radius:999px!important;padding:3px 8px!important;font-size:.62rem!important;font-weight:700!important}
body.desktop-app .stats-grid,body.desktop-app .kpi-row{gap:11px!important;margin-bottom:14px!important}
body.desktop-app .stat-card,body.desktop-app .kpi{border-radius:11px!important;border:1px solid var(--erp-border)!important;box-shadow:var(--erp-shadow-sm)!important;padding:13px!important;background:#fff!important;min-height:78px!important;transition:transform .13s,box-shadow .13s,border-color .13s!important;position:relative!important;overflow:hidden!important}
body.desktop-app .stat-card:before,body.desktop-app .kpi:before{content:'';position:absolute;right:0;top:0;bottom:0;width:3px;background:linear-gradient(#2563eb,#0ea5a4)}
body.desktop-app .stat-card:hover,body.desktop-app .kpi:hover{transform:translateY(-1px)!important;box-shadow:0 8px 20px rgba(15,31,51,.08)!important;border-color:#c8d8e8!important}
.desktop-app .stat-icon{width:40px!important;height:40px!important;border-radius:11px!important;font-size:.9rem!important}.desktop-app .stat-value,.desktop-app .kpi .n{font-size:1.3rem!important;color:#19324c!important;font-weight:800!important}.desktop-app .stat-label,.desktop-app .kpi .l{font-size:.68rem!important;color:#728196!important}

/* Quick launch */
body.desktop-app .quick-launch{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:10px!important;margin-bottom:14px!important}
body.desktop-app .quick-launch>a{min-height:74px!important;border:1px solid var(--erp-border)!important;border-radius:11px!important;background:#fff!important;box-shadow:var(--erp-shadow-sm)!important;padding:12px!important;text-decoration:none!important;display:grid!important;grid-template-columns:38px 1fr!important;grid-template-rows:auto auto!important;column-gap:10px!important;align-items:center!important;color:#2c4158!important;transition:.14s!important}
body.desktop-app .quick-launch>a:hover{border-color:#b8cde4!important;background:#fbfdff!important;transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(15,31,51,.08)!important}
body.desktop-app .quick-launch>a i{grid-row:1/3;width:38px!important;height:38px!important;border-radius:10px!important;background:#edf4ff!important;color:#2d65b6!important;padding:9px!important}
body.desktop-app .quick-launch>a strong{font-size:.73rem!important;color:#243a51!important}.desktop-app .quick-launch>a span{font-size:.62rem!important;color:#8190a2!important}

/* Modals */
body.desktop-app .modal{backdrop-filter:none!important;background:rgba(7,23,37,.48)!important}.desktop-app .modal-content,.desktop-app .modal-card{border-radius:14px!important;border:1px solid var(--erp-border)!important;box-shadow:0 25px 65px rgba(8,23,36,.24)!important;background:#fff!important;overflow:hidden!important}.desktop-app .modal-header,.desktop-app .modal-head{background:#fff!important;border-bottom:1px solid #e6edf4!important;padding:12px 15px!important}.desktop-app .modal-body{padding:15px!important}

/* Archive */
body.desktop-app .archive-shell{gap:12px!important}.desktop-app .archive-hero{border-radius:13px!important;padding:17px 19px!important;background:linear-gradient(120deg,#123957,#1f5e86)!important;box-shadow:0 8px 20px rgba(16,42,67,.12)!important}.desktop-app .archive-hero h1{font-size:1.12rem!important}.desktop-app .archive-hero p{font-size:.72rem!important;color:#dbeaf5!important}.desktop-app .a-stats{gap:9px!important}.desktop-app .a-stat{border-radius:10px!important;padding:11px!important}.desktop-app .filters{gap:8px!important}

/* Login */
body.desktop-login{margin:0!important;font-family:'Cairo',Tahoma,Arial,sans-serif!important;background:#eef3f8!important;color:#172033!important}
.desktop-login .login-bg{background:radial-gradient(circle at 15% 15%,rgba(37,99,235,.12),transparent 32%),linear-gradient(135deg,#eef4f9 0%,#f7fafc 48%,#eaf0f7 100%)!important;padding:24px!important;min-height:100vh!important;position:relative!important}
.desktop-login .login-bg:before{content:'';position:fixed;right:0;top:0;bottom:0;width:min(34vw,460px);background:linear-gradient(160deg,#0b1f33,#123957 65%,#0f4c68);z-index:0}
.desktop-login .login-card{position:relative!important;z-index:1!important;max-width:430px!important;margin-right:min(20vw,280px)!important;border-radius:18px!important;padding:0!important;border:1px solid #d8e2ec!important;box-shadow:0 28px 70px rgba(15,31,51,.16)!important;overflow:hidden!important;background:#fff!important}
.desktop-login .login-header{padding:25px 24px 18px!important;margin:0!important;background:#fff!important;border-bottom:1px solid #edf1f5!important}
.desktop-login .login-logo{width:86px!important;height:86px!important;margin:0 auto 12px!important;border-radius:18px!important;border:1px solid #e1e8ef!important;box-shadow:0 8px 18px rgba(15,31,51,.08)!important;padding:7px!important;background:#fff!important}
.desktop-login .login-title{font-size:1.2rem!important;margin:4px 0!important;color:#17324d!important;font-weight:800!important}.desktop-login .login-subtitle{font-size:.72rem!important;color:#8190a4!important}
.desktop-login form{padding:20px 24px 7px!important}.desktop-login .form-group{margin-bottom:14px!important}.desktop-login .form-label{font-size:.72rem!important;margin-bottom:6px!important;color:#4e6075!important;font-weight:700!important}.desktop-login .form-input{border-radius:10px!important;border:1px solid #ccd8e4!important;padding:8px 38px 8px 10px!important;font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif!important;font-size:.78rem!important;min-height:40px!important;box-shadow:none!important}.desktop-login .form-input:focus{border-color:#7aa7f5!important;box-shadow:0 0 0 3px rgba(37,99,235,.08)!important}.desktop-login .btn-login{border-radius:10px!important;padding:9px 12px!important;font-size:.8rem!important;background:#2563eb!important;border:1px solid #2563eb!important;box-shadow:0 6px 14px rgba(37,99,235,.18)!important}.desktop-login .btn-login:hover{transform:none!important;background:#1d4ed8!important;box-shadow:0 8px 18px rgba(37,99,235,.22)!important}.desktop-login .system-info{margin:10px 24px 0!important;padding:12px 0 18px!important;font-size:.64rem!important;color:#8190a2!important}.desktop-login .alert{margin:12px 24px 0!important;border-radius:10px!important;padding:9px 11px!important;font-size:.7rem!important}

/* Performance: keep effects light */
body.desktop-app .top-bar,body.desktop-app .user-dropdown,body.desktop-app .modal{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@supports (content-visibility:auto){body.desktop-app .content-wrapper > .card,body.desktop-app .content-wrapper > .section-card,body.desktop-app .content-wrapper > .a-card{content-visibility:auto;contain-intrinsic-size:140px 440px}}

/* Responsive */
@media(max-width:1180px){:root{--erp-sidebar:246px}.desktop-app .optional-hide{display:none!important}.vb-menu:nth-of-type(n+8){display:none}}
@media(max-width:1024px){body.desktop-app .sidebar{right:calc(-1 * var(--erp-sidebar))!important;transition:right .18s!important}.desktop-app .sidebar.show{right:0!important}.desktop-app .main-content{margin-right:0!important}.desktop-app .top-bar,.vb-toolbar,.vb-tabs{right:0!important}.desktop-app .mobile-menu-btn{display:inline-flex!important;border-radius:9px!important;width:36px!important;height:36px!important}.vb-app-caption{max-width:160px;overflow:hidden}.vb-menu:nth-of-type(n+6){display:none}.desktop-login .login-card{margin-right:0!important}.desktop-login .login-bg:before{width:30vw}}
@media(max-width:640px){:root{--erp-menubar:40px;--erp-topbar:56px;--erp-toolbar:42px;--erp-tabs:36px}.vb-menu{display:none}.vb-app-caption{border:0;max-width:none}.vb-toolbar .vb-tool span{display:none}.vb-toolbar .vb-tool{width:34px;padding:0;justify-content:center}.vb-tabs{padding-right:6px}.vb-tab{min-width:100px}.desktop-app .topbar-end .user-info{display:none!important}.desktop-app .page-subtitle{display:none!important}.desktop-app .content-wrapper{padding:11px!important}.desktop-login .login-bg:before{display:none}.desktop-login .login-card{width:100%!important}}
@media print{.vb-menubar,.vb-toolbar,.vb-tabs,.vb-statusbar,body.desktop-app .sidebar,body.desktop-app .top-bar{display:none!important}body.desktop-app{background:#fff!important;padding:0!important}body.desktop-app .main-content{margin:0!important;padding:0!important;background:#fff!important}.desktop-app .content-wrapper{padding:0!important}.desktop-app .table-scroll{border:0!important}}