@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--bg-body:#f4f6fa;--bg-surface:#ffffff;--primary-color:#5c6dfa;--primary-hover:#4e5ee6;--text-main:#1d1d1f;--text-muted:#6b7280;--border-color:#e5e7eb;--sidebar-bg:#ffffff;--card-shadow:0 1px 3px rgba(0,0,0,0.05),0 1px 2px rgba(0,0,0,0.025);--font-family:'Inter',system-ui,-apple-system,sans-serif;--sidebar-width:260px;--header-height:64px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-body);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}.container{width:100%;max-width:1200px;margin:0 auto}.d-flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-column{flex-direction:column}.w-100{width:100%}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;border-radius:4px;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.action-btn,.btn-sm{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.75rem;font-weight:700;border-radius:50px;border:1px solid rgba(255,255,255,.4);cursor:pointer;transition:all .3s cubic-bezier(.34, 1.56, .64, 1);box-shadow:0 4px 6px -1px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);letter-spacing:.05em;position:relative;overflow:hidden;text-transform:uppercase}.action-btn::before,.btn-sm::before{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:.5s}.action-btn:hover::before,.btn-sm:hover::before{left:150%}.btn-view,.view-btn{background:linear-gradient(135deg,#e0e7ff 0,#c7d2fe 100%);color:#4338ca;border-color:#a5b4fc}.btn-view:hover,.view-btn:hover{background:linear-gradient(135deg,#c7d2fe 0,#a5b4fc 100%);color:#312e81;transform:translateY(-3px) scale(1.03);box-shadow:0 8px 15px -3px rgba(67,56,202,.25),0 4px 6px -2px rgba(67,56,202,.1)}.btn-info{background:linear-gradient(135deg,#dcfce7 0,#bbf7d0 100%);color:#166534;border-color:#86efac}.btn-info:hover{background:linear-gradient(135deg,#bbf7d0 0,#86efac 100%);color:#14532d;transform:translateY(-3px) scale(1.03);box-shadow:0 8px 15px -3px rgba(22,101,52,.25),0 4px 6px -2px rgba(22,101,52,.1)}.action-btn i,.btn-info i,.btn-view i,.view-btn i{font-size:1.15rem;transition:transform .3s ease}.btn-info:hover i,.btn-view:hover i,.view-btn:hover i{transform:scale(1.2) rotate(5deg)}.btn-icon{background:0 0;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background .2s,color .2s;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--bg-body);color:var(--text-main)}.form-group{margin-bottom:1.25rem}.form-control{width:100%;padding:.75rem 1rem;font-size:.875rem;font-family:var(--font-family);border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-surface);transition:border-color .2s}.form-control:focus{outline:0;border-color:var(--primary-color)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-body)}.login-card-wrapper{position:relative;width:100%;max-width:420px;padding:0 1rem}.logo-badge{position:absolute;top:-24px;left:50%;transform:translateX(-50%);width:48px;height:48px;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1.5rem;font-weight:700;box-shadow:0 4px 6px rgba(92,109,250,.3);z-index:10}.login-card{background:var(--bg-surface);border-radius:8px;padding:3rem 2rem 2rem;box-shadow:var(--card-shadow);border:1px solid var(--border-color)}.login-card h2{font-size:1.5rem;font-weight:700;margin-bottom:2rem;color:var(--text-main)}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;margin-bottom:2rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);cursor:pointer}.forgot-link{color:var(--primary-color);text-decoration:none;font-weight:500}.forgot-link:hover{text-decoration:underline}.login-footer{margin-top:3rem;text-align:center;font-size:.875rem;color:var(--text-muted)}.login-footer a{color:var(--text-main);font-weight:600;text-decoration:none}.app-layout{display:flex;min-height:100vh;background-color:var(--bg-body)}.sidebar{width:var(--sidebar-width);background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;transition:width .3s ease}.sidebar-logo{height:var(--header-height);display:flex;align-items:center;gap:.6rem;padding:0 1.2rem;font-size:1rem;font-weight:800;color:var(--text-main);border-bottom:1px solid var(--border-color);letter-spacing:.5px;text-decoration:none;overflow:hidden}.sidebar-logo-img{width:36px;height:36px;object-fit:contain;flex-shrink:0;border-radius:6px}.sidebar-logo-text{white-space:nowrap;overflow:hidden;font-size:.95rem;font-weight:700;letter-spacing:.3px}.nav-menu{flex:1;padding:1.5rem 0;overflow-y:auto}.nav-item{display:flex;align-items:center;padding:.75rem 1.5rem;color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.875rem;transition:all .2s;gap:1rem}.nav-item i{font-size:1.25rem;color:var(--text-muted);transition:color .2s}.nav-item:hover{background-color:var(--bg-body);color:var(--text-main)}.nav-item:hover i{color:var(--text-main)}.nav-item.active{background-color:rgba(92,109,250,.08);color:var(--primary-color);border-left:3px solid var(--primary-color);padding-left:calc(1.5rem - 3px)}.nav-item.active i{color:var(--primary-color)}.nav-divider{height:1px;background-color:var(--border-color);margin:1rem 1.5rem}.nav-section-title{padding:0 1.5rem;font-size:.75rem;text-transform:uppercase;color:#adb5bd;margin-bottom:.5rem;margin-top:1rem;font-weight:600;letter-spacing:.5px}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.top-header{height:var(--header-height);padding:0 1.5rem;background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.header-left{display:flex;align-items:center;gap:1rem}.header-right{display:flex;align-items:center;gap:.5rem}.user-profile{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-left:1rem}.avatar{width:32px;height:32px;border-radius:50%;background-color:var(--border-color);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--text-muted)}.avatar i{font-size:1.25rem}.dashboard-body{padding:1.5rem 2rem;flex:1;overflow-y:auto}.dashboard-header-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.breadcrumb{font-size:.875rem;color:var(--text-muted)}.breadcrumb strong{color:var(--text-main);margin-right:.5rem}.breadcrumb span{margin:0 .25rem}.date-time-display{font-size:.875rem;color:var(--text-muted);background:var(--bg-surface);padding:.5rem 1rem;border-radius:4px;border:1px solid var(--border-color);box-shadow:var(--card-shadow)}.welcome-banner{background:linear-gradient(135deg,#7c88ff,#5c6dfa);border-radius:8px;padding:2.5rem 2rem;color:#fff;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.welcome-banner-text h1{font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.welcome-banner-text p{opacity:.9;font-size:.875rem}.banner-icon{font-size:3rem;opacity:.5}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.kpi-card{background:var(--bg-surface);border-radius:8px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;box-shadow:var(--card-shadow);border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.06)}.kpi-icon-wrap{width:56px;height:56px;border-radius:50%;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.kpi-icon-1{color:#5c6dfa}.kpi-icon-2{color:#10b981}.kpi-icon-3{color:#f59e0b}.kpi-icon-4{color:#0ea5e9}.kpi-info h3{font-size:1.5rem;font-weight:700;margin-bottom:.25rem;color:var(--text-main)}.kpi-info p{color:var(--text-muted);font-size:.875rem;font-weight:600}.sidebar.collapsed{width:72px}.sidebar.collapsed .sidebar-logo{padding:0;justify-content:center;gap:0}.sidebar.collapsed .sidebar-logo-text{display:none}.sidebar.collapsed .sidebar-logo-img{width:40px;height:40px}.sidebar.collapsed .sidebar-logo::after{content:none}.sidebar.collapsed .nav-divider,.sidebar.collapsed .nav-item span{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:.875rem;gap:0}.sidebar.collapsed .nav-section-title{display:none}.nav-logout{color:#dc2626!important;margin-top:auto}.nav-logout i{color:#dc2626!important}.nav-logout:hover{background:#fee2e2!important}body.dark-mode{--bg-body:#0f1117;--bg-surface:#1a1d27;--text-main:#e5e7eb;--text-muted:#9ca3af;--border-color:#2d3148;--sidebar-bg:#1a1d27;--card-shadow:0 1px 3px rgba(0,0,0,0.3)}body.dark-mode .form-control{background:#1a1d27;color:var(--text-main)}body.dark-mode .filters select{background:var(--bg-surface);color:var(--text-main);border-color:var(--border-color)}body.dark-mode .badge-success{background:#064e3b;color:#6ee7b7}body.dark-mode .badge-danger{background:#7f1d1d;color:#fca5a5}body.dark-mode .badge-gray{background:#1f2937;color:#9ca3af}body.dark-mode .badge-blue{background:#1e3a5f;color:#93c5fd}body.dark-mode .action-btn,body.dark-mode .btn-view,body.dark-mode .view-btn{background:linear-gradient(135deg,#1e293b 0,#334155 100%);color:#94a3b8;border-color:#475569}body.dark-mode .action-btn:hover,body.dark-mode .btn-view:hover,body.dark-mode .view-btn:hover{background:linear-gradient(135deg,#334155 0,#475569 100%);color:#f8fafc;border-color:#64748b}body.dark-mode .btn-info{background:linear-gradient(135deg,#064e3b 0,#065f46 100%);color:#6ee7b7;border-color:#10b981}body.dark-mode .btn-info:hover{background:linear-gradient(135deg,#065f46 0,#047857 100%);color:#a7f3d0;border-color:#34d399}[dir=rtl]{--sidebar-width:260px}[dir=rtl] body{text-align:right}[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--border-color)}[dir=rtl] .nav-item{flex-direction:row;padding-right:1.5rem;padding-left:1.5rem}[dir=rtl] .nav-item i{margin-left:1rem;margin-right:0}[dir=rtl] .nav-item.active{border-left:none;border-right:3px solid var(--primary-color);padding-right:calc(1.5rem - 3px);padding-left:1.5rem}[dir=rtl] .header-right{flex-direction:row-reverse}[dir=rtl] .user-profile{margin-left:0;margin-right:1rem}[dir=rtl] .breadcrumb strong{margin-right:0;margin-left:.5rem}[dir=rtl] .kpi-card{text-align:right;flex-direction:row}[dir=rtl] .kpi-icon-wrap{margin-left:1.5rem;margin-right:0}[dir=rtl] .sidebar.collapsed .nav-item{padding:.875rem}[dir=rtl] .modal-close{right:auto;left:1rem}[dir=rtl] .search-box i{left:auto;right:.875rem}[dir=rtl] .search-box input{padding-left:1rem;padding-right:2.4rem}[dir=rtl] .btn-sm i{margin-left:4px}[dir=rtl] .chart-container,[dir=rtl] canvas{direction:ltr}.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:opacity .3s ease}.sidebar-backdrop.active{display:block}@media (max-width:1024px){:root{--sidebar-width:220px}.dashboard-body{padding:1.25rem 1.5rem}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.welcome-banner{padding:2rem 1.5rem}.welcome-banner-text h1{font-size:1.4rem}}@media (max-width:768px){:root{--sidebar-width:260px}.sidebar{position:fixed;top:0;right:auto;left:0;z-index:100;height:100vh;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4, 0, .2, 1);box-shadow:4px 0 24px rgba(0,0,0,.12)}[dir=rtl] .sidebar{left:auto;right:0;transform:translateX(100%)}.sidebar.mobile-open{transform:translateX(0)}[dir=rtl] .sidebar.mobile-open{transform:translateX(0)}.sidebar.collapsed{width:var(--sidebar-width)!important}.sidebar.collapsed .nav-divider,.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-section-title{display:revert}.sidebar.collapsed .nav-item{justify-content:flex-start;padding:.75rem 1.5rem;gap:1rem}.sidebar.collapsed .sidebar-logo{padding:0 1.2rem;justify-content:flex-start;gap:.6rem}.sidebar.collapsed .sidebar-logo-text{display:block}.sidebar.collapsed .sidebar-logo-img{width:36px;height:36px}.main-content{width:100%}.top-header{padding:0 1rem}.header-right{gap:.25rem}#toggleFullscreen{display:none}.dashboard-body{padding:1rem}.dashboard-header-info{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1rem}.date-time-display{font-size:.75rem;padding:.4rem .75rem}.welcome-banner{padding:1.5rem 1.25rem;margin-bottom:1.25rem;flex-direction:column;align-items:flex-start;gap:.5rem}.welcome-banner-text h1{font-size:1.2rem}.welcome-banner-text p{font-size:.8rem}.banner-icon{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem}.kpi-card{padding:1rem;gap:.75rem}.kpi-icon-wrap{width:44px;height:44px;font-size:1.2rem;flex-shrink:0}.kpi-info h3{font-size:1.15rem}.kpi-info p{font-size:.75rem}.dashboard-body>div[style*="grid-template-columns: 1.6fr 1fr"],.dashboard-body>div[style*="grid-template-columns: repeat(3"]{display:grid!important;grid-template-columns:1fr!important;gap:1rem!important}.dashboard-body>div[style*="repeat(3, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}.table-wrapper,table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.filters{flex-wrap:wrap;gap:.5rem!important}.filters input,.filters select{font-size:.8rem}.modal-overlay .modal,.modal-overlay>div{width:95vw!important;max-width:95vw!important;margin:1rem auto!important;padding:1.25rem!important;max-height:90vh;overflow-y:auto}.settings-tabs,.tab-list,[role=tablist]{overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;padding-bottom:4px}.breadcrumb{font-size:.78rem}}@media (max-width:480px){.kpi-grid{grid-template-columns:1fr 1fr;gap:.6rem}.kpi-card{padding:.85rem .75rem;gap:.6rem}.kpi-icon-wrap{width:38px;height:38px;font-size:1.1rem}.kpi-info h3{font-size:1rem}.kpi-info p{font-size:.7rem}.welcome-banner-text h1{font-size:1.1rem}.top-header{padding:0 .75rem}.dashboard-body{padding:.75rem}.dashboard-body>div[style*="repeat(3, 1fr)"]{grid-template-columns:1fr!important}.action-btn,.btn-sm{padding:.35rem .75rem;font-size:.7rem}}@media (max-width:768px){[dir=rtl] .nav-item.active{border-right:3px solid var(--primary-color);border-left:none}}