@charset "UTF-8";@font-face{font-family:Lorin;font-weight:400;src:url(/fonts/Lorin-Regular.ttf) format("truetype")}@font-face{font-family:Lorin;font-weight:700;src:url(/fonts/Lorin-Bold.ttf) format("truetype")}@font-face{font-family:Lorin;font-weight:300;src:url(/fonts/Lorin-Light.ttf) format("truetype")}*{font-family:Lorin,Inter,sans-serif}.sidebar-wrapper{box-shadow:2px 0 10px rgba(0,0,0,.03);transition:width .3s ease}.sidebar{display:flex;flex-direction:column;height:100%}.sidebar-logo{align-items:center;border-bottom:1px solid #eef2f7;display:flex;justify-content:space-between;padding:24px 20px}.sidebar-logo .logo-link .logo-img{max-height:36px;width:auto}.sidebar-logo .sidebar-toggle{background:#bdc9de;border:none;border-radius:8px;cursor:pointer;padding:8px;transition:transform .3s ease,box-shadow .3s ease}.sidebar-logo .sidebar-toggle i{color:#1a237e;font-size:20px}.sidebar-logo .sidebar-toggle:hover{background:rgba(0,100,215,.1)}.sidebar-user{align-items:center;border-bottom:1px solid #eef2f7;display:flex;gap:12px;padding:20px}.sidebar-user .user-avatar{position:relative}.sidebar-user .user-avatar img{border:2px solid #0064d7;border-radius:50%;height:48px;-o-object-fit:cover;object-fit:cover;width:48px}.sidebar-user .user-avatar .user-status{background:#4caf50;border:2px solid #fff;border-radius:50%;bottom:3px;height:10px;position:absolute;right:3px;width:10px}.sidebar-user .user-info{flex:1}.sidebar-user .user-info h6{color:#1a237e;font-size:14px;font-weight:600;margin:0}.sidebar-user .user-info span{color:#8c9cac;font-size:11px}.sidebar-user.collapsed{justify-content:center;padding:20px 0}.sidebar-user.collapsed .user-info,.sidebar-wrapper.collapsed .sidebar-logo .logo-link,.sidebar-wrapper.collapsed .sidebar-logo h4{display:none}.sidebar-wrapper.collapsed .sidebar-logo .sidebar-toggle{margin:0}.sidebar-wrapper.collapsed .sidebar-logo .logo-sm{display:block!important}.sidebar-wrapper.collapsed .sidebar-logo .logo-lg{display:none}.sidebar-nav{flex:1;overflow-y:auto;padding:16px 0}.sidebar-nav .nav-menu{list-style:none;margin:0;padding:0}.sidebar-nav .nav-menu .nav-group-title{color:#8c9cac;font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 20px 8px;text-transform:uppercase}.nav-item{position:relative}.nav-item>.nav-link{align-items:center;color:#1a237e;display:flex;gap:12px;padding:10px 20px;text-decoration:none;transition:all .3s}.nav-item>.nav-link i{font-size:20px;min-width:24px}.nav-item>.nav-link span{flex:1;font-size:14px}.nav-item>.nav-link .badge{background:#0064d7;border-radius:20px;color:#fff;font-size:10px;padding:2px 8px}.nav-item>.nav-link .dropdown-icon{font-size:16px;transition:transform .3s ease}.nav-item>.nav-link:hover{background:rgba(0,100,215,.05);border-radius:12px;margin:0 8px;padding:10px 12px}.nav-item>.nav-link.active{background:linear-gradient(135deg,#0064d7,#0050b0);border-radius:12px;color:#fff;margin:0 8px;padding:10px 12px}.nav-item>.nav-link.active i{color:#fff}.has-dropdown{position:relative}.has-dropdown>.nav-link{cursor:pointer}.has-dropdown .dropdown-menu{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);display:none;left:0;list-style:none;margin:0;min-width:220px;opacity:0;padding:8px 0;position:absolute;top:100%;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;z-index:9999}.has-dropdown.open .dropdown-menu{display:block;opacity:1;transform:translateY(0)}.has-dropdown.open>.nav-link .dropdown-icon{transform:rotate(-90deg)}.has-dropdown .dropdown-menu li a{color:#1a237e;display:block;font-size:13px;padding:8px 20px;text-decoration:none;transition:all .2s;white-space:nowrap}.sidebar-wrapper.collapsed .has-dropdown .dropdown-menu{opacity:0;top:0;transform:translateX(-10px);transition:opacity .3s ease,transform .3s ease}.sidebar-wrapper.collapsed .has-dropdown:hover .dropdown-menu{opacity:1;transform:translateX(0)}.has-dropdown .dropdown-menu li a:hover{background:rgba(0,100,215,.08);color:#0064d7;padding-left:24px}.sidebar-wrapper.collapsed .has-dropdown .dropdown-menu{left:70px!important}.nav-item .nav-link i.fa-bell,.nav-item .nav-link i.fa-tachometer-alt{color:#3b82f6}.nav-item .nav-link i.fa-history{color:#10b981}.nav-item .nav-link i.fa-sliders-h{color:#6b7280}.nav-item .nav-link i.fa-building{color:#8b5cf6}.nav-item .nav-link i.fa-users{color:#f59e0b}.nav-item .nav-link i.fa-user-friends{color:#ec4899}.nav-item .nav-link i.fa-check-double{color:#22c55e}.nav-item .nav-link i.fa-concierge-bell{color:#14b8a6}.nav-item .nav-link i.fa-calendar-alt{color:#f97316}.nav-item .nav-link i.fa-exchange-alt{color:#ef4444}.nav-item .nav-link i.fa-exclamation-triangle{color:#a855f7}.nav-item .nav-link i.fa-graduation-cap{color:#eab308}.nav-item .nav-link i.fa-phone-alt{color:#06b6d4}.nav-item .nav-link i.fa-chart-line{color:#8b5cf6}.nav-item .nav-link i.fa-comments{color:#ec4899}.nav-item .nav-link i.fa-clock{color:#3b82f6}.nav-item .nav-link i.fa-trophy{color:#f59e0b}.nav-item .nav-link i.fa-calculator{color:#22c55e}.nav-item .nav-link i.fa-file-invoice-dollar{color:#10b981}.nav-item .nav-link i.fa-file-invoice{color:#ef4444}.nav-item .nav-link i.fa-folder-open{color:#eab308}.nav-item .nav-link i.fa-calendar-times{color:#f97316}.nav-item .nav-link.active i{color:#fff!important}.sidebar-wrapper.collapsed .sidebar-logo{justify-content:center;padding:24px 0}.sidebar-wrapper.collapsed .sidebar-logo .logo-link .logo-img{max-height:32px}.sidebar-wrapper.collapsed .sidebar-user{padding:20px 0}.sidebar-wrapper.collapsed .sidebar-user .user-info{display:none}.sidebar-wrapper.collapsed .nav-item>.nav-link{justify-content:center;padding:12px 0}.sidebar-wrapper.collapsed .nav-item>.nav-link .dropdown-icon,.sidebar-wrapper.collapsed .nav-item>.nav-link span{display:none}.sidebar-wrapper.collapsed .nav-item>.nav-link i{margin:0}.sidebar-wrapper.collapsed .nav-item>.nav-link .badge{position:absolute;right:5px;top:5px}.sidebar-wrapper.collapsed .has-dropdown{position:relative}.sidebar-wrapper.collapsed .has-dropdown .dropdown-menu{display:none!important;left:70px}.sidebar-wrapper.collapsed .has-dropdown:hover .dropdown-menu{display:block!important}.sidebar-wrapper.collapsed .nav-group-title{font-size:9px;padding:12px 0 6px;text-align:center}.nav-link.active{background:linear-gradient(135deg,#0064d7,#0050b0)!important;border-radius:12px;margin:0 8px;padding:10px 12px}.nav-link.active,.nav-link.active i{color:#fff!important}.has-dropdown.open>.nav-link{background:rgba(0,100,215,.1);border-radius:12px;color:#0064d7;margin:0 8px;padding:10px 12px}.has-dropdown.open .dropdown-menu{display:block!important}.topbar{background:#fff;border-bottom:1px solid #eef2f7;height:70px;padding:0 32px;transition:margin-left .3s ease}.topbar .topbar-container{align-items:center;display:flex;height:100%;justify-content:space-between}.topbar .topbar-container .title-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-top:10px}.topbar .topbar-container h1{color:#1a237e;font-size:20px;font-weight:600;margin:0}.topbar .topbar-container .breadcrumb{align-items:center;display:flex;gap:8px}.topbar .topbar-container .breadcrumb a{color:#8c9cac;font-size:14px;text-decoration:none}.topbar .topbar-container .breadcrumb a:hover{color:#0064d7}.topbar .topbar-container .breadcrumb i{color:#8c9cac;font-size:14px}.topbar .topbar-container .breadcrumb span{color:#1a237e;font-size:14px;font-weight:500}.topbar .topbar-container .topbar-actions{align-items:center;display:flex;gap:12px}.topbar .topbar-container .topbar-actions .circular-avatar,.topbar .topbar-container .topbar-actions .circular-btn,.topbar .topbar-container .topbar-actions .notification-trigger{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;width:40px}.topbar .topbar-container .topbar-actions .circular-avatar i,.topbar .topbar-container .topbar-actions .circular-btn i,.topbar .topbar-container .topbar-actions .notification-trigger i{font-size:20px}.topbar .topbar-container .topbar-actions .circular-avatar:hover,.topbar .topbar-container .topbar-actions .circular-btn:hover,.topbar .topbar-container .topbar-actions .notification-trigger:hover{box-shadow:0 4px 10px rgba(0,0,0,.1);transform:translateY(-2px)}.topbar .topbar-container .topbar-actions .circular-avatar{overflow:hidden;padding:0}.topbar .topbar-container .topbar-actions .circular-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.topbar .topbar-container .topbar-actions [data-tooltip]{position:relative}.topbar .topbar-container .topbar-actions [data-tooltip]:before{background:#1f2937;border-radius:6px;bottom:-35px;color:#fff;content:attr(data-tooltip);font-size:12px;font-weight:500;padding:5px 10px;pointer-events:none;white-space:nowrap;z-index:1000}.topbar .topbar-container .topbar-actions [data-tooltip]:after,.topbar .topbar-container .topbar-actions [data-tooltip]:before{left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:transform .3s ease,box-shadow .3s ease;visibility:hidden}.topbar .topbar-container .topbar-actions [data-tooltip]:after{border-bottom:6px solid #1f2937;border-left:6px solid transparent;border-right:6px solid transparent;bottom:-12px;content:""}.topbar .topbar-container .topbar-actions [data-tooltip]:hover:after,.topbar .topbar-container .topbar-actions [data-tooltip]:hover:before{opacity:1;visibility:visible}.topbar .topbar-container .topbar-actions .billing-btn{background:linear-gradient(135deg,#a7f3d0,#6ee7b7);color:#065f46}.topbar .topbar-container .topbar-actions .billing-btn:hover{background:linear-gradient(135deg,#6ee7b7,#34d399)}.topbar .topbar-container .topbar-actions .tickets-btn{background:linear-gradient(135deg,#bfdbfe,#93c5fd);color:#1e40af}.topbar .topbar-container .topbar-actions .tickets-btn:hover{background:linear-gradient(135deg,#93c5fd,#60a5fa)}.topbar .topbar-container .topbar-actions .logout-btn{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#991b1b}.topbar .topbar-container .topbar-actions .logout-btn:hover{background:linear-gradient(135deg,#fca5a5,#f87171)}.topbar .topbar-container .topbar-actions .notification-trigger{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.topbar .topbar-container .topbar-actions .notification-trigger:hover{background:linear-gradient(135deg,#fde68a,#fcd34d)}.topbar .topbar-container .topbar-actions .circular-avatar{background:#ecfdf5;border:2px solid #6ee7b7}.topbar .topbar-container .topbar-actions .circular-avatar:hover{border-color:#34d399;box-shadow:0 4px 10px rgba(0,0,0,.1);transform:translateY(-2px)}.sidebar-wrapper.collapsed~.right-side .topbar{margin-left:70px}.main-content-wrapper{min-height:calc(100vh - 70px)}@media (max-width:768px){.topbar{margin-left:0;padding:0 16px}.sidebar-wrapper{transform:translateX(-100%)}.sidebar-wrapper.open{transform:translateX(0)}.main-content-wrapper{padding:16px}}admin-top-nav-notifications .btn,employee-top-nav-notifications .btn{align-items:center!important;background:linear-gradient(135deg,#fef3c7,#fde68a)!important;border:none!important;border-radius:50%!important;display:flex!important;height:40px!important;justify-content:center!important;padding:0!important;width:40px!important}admin-top-nav-notifications .btn i,employee-top-nav-notifications .btn i{font-size:20px!important;margin:0!important}admin-top-nav-notifications .btn .badge,employee-top-nav-notifications .btn .badge{position:absolute;right:-5px;top:-5px}.app-container{display:flex;height:100vh;position:relative;width:100%}.sidebar-wrapper{background:#fff;box-shadow:4px 0 20px rgba(0,0,0,.03);height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);width:260px;z-index:1000}.sidebar-wrapper.collapsed{width:70px}.right-side{display:flex;flex:1;flex-direction:column;height:100vh;margin-left:260px;overflow:hidden;transition:margin-left .3s ease,width .3s ease;width:calc(100% - 260px)}.sidebar-wrapper.collapsed+.right-side,.sidebar-wrapper.collapsed~.right-side{margin-left:70px;width:calc(100% - 70px)}.topbar-wrapper{background:#fff;border-bottom:1px solid #eef2f7;flex-shrink:0;height:70px;position:relative;width:100%;z-index:99}.main-content-wrapper{background:#f5f7fb;flex:1;overflow-y:auto;padding:24px 32px;width:100%}.settings-tabs-scroll{white-space:nowrap}.tab-btn{color:#6b7280}.settings-content .tab-pane{display:none}.settings-content .tab-pane.active{animation:fadeIn .3s ease;display:block}.btn-primary{align-items:center;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 18px;transition:all .3s}.data-table{border-collapse:collapse;width:100%}.data-table td,.data-table th{border-bottom:1px solid #eef2f7;padding:12px;text-align:left}.data-table th{background:#f8f9fa;color:#1a237e;font-size:13px;font-weight:600}.data-table td{color:#0b0b0b;font-size:13px}.status-badge{border-radius:20px;font-size:11px;font-weight:500;padding:4px 10px}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.action-btn{background:transparent;border:none;border-radius:6px;cursor:pointer;margin:0 2px;padding:6px}.action-btn i{font-size:16px}.action-btn.edit{color:#0064d7}.action-btn.edit:hover{background:rgba(0,100,215,.1)}.action-btn.delete{color:#ef4444}.action-btn.delete:hover{background:rgba(239,68,68,.1)}.config-list{display:flex;flex-direction:column;gap:16px}.config-item{align-items:center;border-bottom:1px solid #eef2f7;display:flex;justify-content:space-between;padding:12px 0}.config-item span:first-child{color:#1a237e;font-weight:500}.config-item .config-value{color:#6b7280;font-size:13px}.text-center{text-align:center}.table-responsive{overflow-x:auto}@media (max-width:768px){.settings-container{padding:16px}.settings-card .card-header{align-items:flex-start;flex-direction:column;gap:12px}.btn-primary{justify-content:center;width:100%}}.settings-container{background:#f5f7fb;min-height:calc(100vh - 70px);padding:24px}.settings-tabs-wrapper{background:#fff;border:1px solid #eef2f7;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.04);margin-bottom:24px}.settings-tabs-scroll{display:flex;gap:4px;overflow-x:auto;padding:8px 16px}.settings-tabs-scroll::-webkit-scrollbar{height:4px}.settings-tabs-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.settings-tabs-scroll::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.tab-btn{align-items:center;background:transparent;border:none;border-radius:40px;color:#d8d8d8;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:500;gap:8px;padding:10px 18px;transition:transform .3s ease,box-shadow .3s ease}.tab-btn i{font-size:16px}.tab-btn:hover{background:rgba(0,100,215,.08);color:#0064d7}.tab-btn.active{background:#0064d7;color:#fff}.tab-btn.active i{color:#fff}.settings-card{background:#fff;border:1px solid #eef2f7;border-radius:20px;box-shadow:0 2px 12px rgba(0,0,0,.04);overflow:hidden}.settings-card .card-header{align-items:center;background:#fff;border-bottom:1px solid #eef2f7;display:flex;justify-content:space-between;padding:20px 24px}.settings-card .card-header .header-left{align-items:center;display:flex;gap:12px}.settings-card .card-header .header-left .header-icon{color:#0064d7;font-size:24px}.settings-card .card-header .header-left h3{color:#1a237e;font-size:18px;font-weight:600;margin:0}.settings-card .card-body{padding:24px}.tab-pane{display:none}.tab-pane.active{animation:fadeIn .3s ease;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.settings-container{padding:16px}}@media (max-width:768px){.settings-card .card-header{align-items:flex-start;flex-direction:column;gap:12px}}.mobile-menu-btn{background:#0064d7;box-shadow:0 2px 10px rgba(0,0,0,.2);color:#fff;height:45px;left:15px;position:fixed;top:15px;width:45px;z-index:10001}.mobile-menu-btn:hover{background:#0050b0}.mobile-overlay{background:rgba(0,0,0,.5);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:9999}.mobile-overlay.active{display:block}@media (max-width:768px){.mobile-menu-btn{display:none}.right-side{margin-left:0!important;width:100%!important}.topbar .topbar-container .topbar-title .breadcrumb{margin-left:55px}}.mobile-menu-btn{align-items:center;background:transparent;border:none;border-radius:8px;color:#1a237e;cursor:pointer;display:none;height:36px;justify-content:center;left:16px;position:absolute;top:50%;transform:translateY(-50%);width:36px;z-index:100}.mobile-menu-btn i{font-size:22px}.mobile-menu-btn:hover{background:rgba(0,100,215,.1)}@media (max-width:768px){.sidebar-wrapper{background:#fff;bottom:0;box-shadow:5px 0 15px rgba(0,0,0,.1);display:block!important;height:100vh!important;left:-280px;position:fixed!important;top:0;transition:left .3s ease-in-out;width:280px!important;z-index:10001!important}.sidebar-wrapper.mobile-show{left:0!important}.mobile-menu-btn{display:flex}.topbar{padding:0 16px}.topbar .topbar-container .topbar-title{margin-left:40px}.topbar .topbar-container .topbar-title .breadcrumb{display:none}.topbar .topbar-container .topbar-title .breadcrumb a,.topbar .topbar-container .topbar-title .breadcrumb i,.topbar .topbar-container .topbar-title .breadcrumb span{font-size:13px}.topbar .topbar-container .topbar-actions{gap:8px}.topbar .topbar-container .topbar-actions .circular-avatar,.topbar .topbar-container .topbar-actions .circular-btn{height:35px;width:35px}.topbar .topbar-container .topbar-actions .circular-avatar i,.topbar .topbar-container .topbar-actions .circular-btn i{font-size:18px}.topbar .topbar-container .topbar-actions .shift-timer{max-width:40px;overflow:hidden}}@media (max-width:480px){.topbar .topbar-container .topbar-title .breadcrumb a,.topbar .topbar-container .topbar-title .breadcrumb span{display:none}.topbar .topbar-container .topbar-title .breadcrumb a:first-child{display:inline-block}.topbar .topbar-container .topbar-actions{gap:6px}.topbar .topbar-container .topbar-actions .circular-avatar,.topbar .topbar-container .topbar-actions .circular-btn{height:32px;width:32px}}.login-container{align-items:center;background:linear-gradient(135deg,#e1e4f3,#7598ff);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:32px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);max-width:1200px;width:100%}.login-card,.login-left{display:flex;overflow:hidden}.login-left{background:linear-gradient(135deg,#0064d7,#0050b0);flex:1;flex-direction:column;justify-content:space-between;padding:48px;position:relative;text-align:center}.login-left:before{background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.login-left .brand-content{position:relative;z-index:1}.login-left .brand-content .brand-logo{margin-bottom:20px;text-align:center}.login-left .brand-content .brand-logo img{border-radius:50%;height:80px;width:80px}.login-left .brand-content h1{color:#fff;font-size:32px;font-weight:700;margin-bottom:16px}.login-left .brand-content p{color:hsla(0,0%,100%,.8);font-size:16px;margin-bottom:40px}.login-left .brand-features .feature{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:16px}.login-left .brand-features .feature i{color:#fff;font-size:20px}.login-left .brand-features .feature span{color:hsla(0,0%,100%,.9);font-size:14px}.login-left .brand-image{margin-top:40px;position:relative;text-align:center;z-index:1}.login-left .brand-image img{height:auto;max-width:20%}.login-right{align-items:center;background:#fff;display:flex;flex:1;justify-content:center;padding:48px}.form-container{max-width:400px;width:100%}.form-container .form-header{margin-bottom:32px;text-align:center}.form-container .form-header h2{color:#1a237e;font-size:28px;font-weight:700;margin-bottom:8px}.form-container .form-header p{color:#8c9cac;font-size:14px}.login-form .form-group{margin-bottom:24px}.login-form .form-group label{color:#1a237e;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.login-form .form-group .input-wrapper{align-items:center;display:flex;position:relative}.login-form .form-group .input-wrapper i:first-child{color:#8c9cac;font-size:16px;left:16px;position:absolute}.login-form .form-group .input-wrapper input{border:1px solid #eef2f7;border-radius:12px;font-size:14px;padding:14px 16px 14px 48px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.login-form .form-group .input-wrapper input:focus{border-color:#0064d7;box-shadow:0 0 0 3px rgba(0,100,215,.1);outline:none}.login-form .form-group .input-wrapper input.is-invalid{border-color:#ef4444}.login-form .form-group .input-wrapper .toggle-password{color:#8c9cac;cursor:pointer;font-size:16px;position:absolute;right:16px}.login-form .form-group .input-wrapper .toggle-password:hover{color:#0064d7}.login-form .btn-login{background:linear-gradient(135deg,#0064d7,#0050b0);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.login-form .btn-login:hover{box-shadow:0 8px 20px rgba(0,100,215,.3);transform:translateY(-2px)}.login-form .btn-login:disabled{cursor:not-allowed;opacity:.7;transform:none}.form-footer{margin-top:24px;text-align:center}.form-footer .forgot-link{color:#0064d7;font-size:14px;text-decoration:none}.form-footer .forgot-link:hover{text-decoration:underline}.alert-danger{background:#fee2e2;border:1px solid #fecaca;border-radius:12px;color:#991b1b;font-size:14px;margin-bottom:20px;padding:12px 16px}.alert-danger ul{margin:0;padding-left:20px}@media (max-width:992px){.login-card{flex-direction:column;max-width:500px}.login-left{padding:32px;text-align:center}.login-left .brand-features{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.login-left .brand-image{display:none}.login-right{padding:32px}}@media (max-width:480px){.login-left .brand-content h1{font-size:24px}.login-left .brand-content .brand-features{align-items:center;flex-direction:column}.form-container .form-header h2{font-size:24px}}.dx-datagrid{background:#ebebf0!important;border:none!important;border-radius:20px!important;box-shadow:0 2px 12px rgba(0,0,0,.04);overflow-x:auto!important;overflow-y:visible!important;padding:10px}.dx-datagrid .dx-datagrid-headers{background:linear-gradient(135deg,#f8f9fa,#f1f3f5)!important;border-bottom:1px solid #eef2f7!important}.dx-datagrid .dx-datagrid-headers .dx-header-row{min-height:52px!important}.dx-datagrid .dx-datagrid-headers .dx-datagrid-header-panel{background:#fff!important;border-bottom:1px solid #eef2f7!important;padding:20px 24px!important}.dx-datagrid .dx-datagrid-headers .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-before .dx-toolbar-label{color:#1a237e!important;font-size:18px!important;font-weight:600!important}.dx-datagrid .dx-datagrid-headers .dx-header-row>td{background:transparent!important;border-bottom:none!important;color:#1a237e!important;font-size:13px!important;font-weight:600!important;padding:16px 12px!important;position:relative!important}.dx-datagrid .dx-datagrid-headers .dx-header-row>td:after{background:linear-gradient(90deg,#0064d7,#00a3ff);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.dx-datagrid .dx-datagrid-rowsview{background:#fff!important}.dx-datagrid .dx-datagrid-rowsview .dx-row{transition:all .25s ease!important}.dx-datagrid .dx-datagrid-rowsview .dx-row.dx-data-row:nth-child(2n){background-color:#fafbfc!important}.dx-datagrid .dx-datagrid-rowsview .dx-row.dx-data-row:nth-child(odd){background-color:#fff!important}.dx-datagrid .dx-datagrid-rowsview .dx-row.dx-data-row:hover{background:linear-gradient(90deg,rgba(0,100,215,.04),rgba(0,100,215,.02))!important}.dx-datagrid .dx-datagrid-rowsview .dx-row.dx-data-row>td{border-bottom:1px solid #f0f2f4!important;color:#4b5563!important;font-size:13px!important;padding:14px 12px!important;vertical-align:middle!important}.dx-datagrid .dx-datagrid-rowsview .dx-row.dx-data-row>td:first-child{border-bottom-left-radius:8px;border-top-left-radius:8px}.dx-datagrid .dx-datagrid-rowsview .dx-row.dx-data-row>td:last-child{border-bottom-right-radius:8px;border-top-right-radius:8px}.dx-datagrid .dx-datagrid-rowsview .dx-row.dx-selection>td{background:linear-gradient(90deg,rgba(0,100,215,.12),rgba(0,100,215,.06))!important;position:relative}.dx-datagrid .dx-datagrid-rowsview .dx-row.dx-selection>td:before{background:#0064d7;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.dx-datagrid .dx-datagrid-search-panel input{background:#fff!important;border:1px solid #eef2f7!important;border-radius:12px!important;box-shadow:0 1px 2px rgba(0,0,0,.02)!important;font-size:13px!important;padding:10px 16px!important;transition:all .3s ease!important;width:260px!important}.dx-datagrid .dx-datagrid-search-panel input:focus{border-color:#0064d7!important;box-shadow:0 0 0 4px rgba(0,100,215,.1)!important;outline:none!important}.dx-datagrid .dx-datagrid-search-panel input::-moz-placeholder{color:#adb5bd!important;font-weight:400!important}.dx-datagrid .dx-datagrid-search-panel input::placeholder{color:#adb5bd!important;font-weight:400!important}.dx-datagrid .dx-datagrid-search-panel:before{color:#adb5bd;content:"\f002";font-family:Font Awesome\ 6 Free;font-weight:900;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.dx-datagrid .dx-pager{background:#fff!important;border-top:1px solid #eef2f7!important;padding:20px 24px!important}.dx-datagrid .dx-pager .dx-next-button,.dx-datagrid .dx-pager .dx-page,.dx-datagrid .dx-pager .dx-prev-button,.dx-datagrid .dx-pager .dx-separator{align-items:center!important;border-radius:10px!important;display:inline-flex!important;font-weight:500!important;height:36px!important;justify-content:center!important;margin:0 4px!important;min-width:36px!important;transition:all .2s ease!important}.dx-datagrid .dx-pager .dx-next-button:hover,.dx-datagrid .dx-pager .dx-page:hover,.dx-datagrid .dx-pager .dx-prev-button:hover,.dx-datagrid .dx-pager .dx-separator:hover{background:rgba(0,100,215,.1)!important;transform:translateY(-1px)}.dx-datagrid .dx-pager .dx-page{background:transparent!important;color:#4b5563!important;font-size:14px!important}.dx-datagrid .dx-pager .dx-page.dx-active-page{background:linear-gradient(135deg,#0064d7,#0050b0)!important;box-shadow:0 4px 12px rgba(0,100,215,.3)!important;color:#fff!important}.dx-datagrid .dx-pager .dx-next-button,.dx-datagrid .dx-pager .dx-prev-button{background:#f8f9fa!important;color:#1a237e!important}.dx-datagrid .dx-pager .dx-next-button.dx-state-disabled,.dx-datagrid .dx-pager .dx-prev-button.dx-state-disabled{background:#f1f3f5!important;opacity:.4!important}.dx-datagrid .dx-pager .dx-page-sizes .dx-page-size{border-radius:8px!important;color:#4b5563!important;font-size:13px!important;padding:6px 12px!important}.dx-datagrid .dx-pager .dx-page-sizes .dx-page-size:hover{background:rgba(0,100,215,.08)!important}.dx-datagrid .dx-pager .dx-page-sizes .dx-page-size.dx-selection{background:#0064d7!important;box-shadow:0 2px 8px rgba(0,100,215,.25)!important;color:#fff!important}.dx-datagrid .dx-pager .dx-page-sizes,.dx-datagrid .dx-pager .dx-page-sizes-label{color:#6b7280!important;font-size:13px!important}.dx-datagrid .dx-datagrid-sort-icon{color:#adb5bd!important;font-size:14px!important;transition:color .2s ease!important}.dx-datagrid .dx-datagrid-sort-icon.dx-sort-down,.dx-datagrid .dx-datagrid-sort-icon.dx-sort-up,.dx-datagrid .dx-header-row:hover .dx-datagrid-sort-icon{color:#0064d7!important}.dx-datagrid .dx-datagrid-filter-row{background:#fafbfc!important}.dx-datagrid .dx-datagrid-filter-row>td{background:transparent!important;padding:10px 12px!important}.dx-datagrid .dx-datagrid-filter-row>td .dx-editor-cell .dx-texteditor{background:#fff!important;border-color:#eef2f7!important;border-radius:10px!important}.dx-datagrid .dx-datagrid-filter-row>td .dx-editor-cell .dx-texteditor:hover{border-color:#cbd5e1!important}.dx-datagrid .dx-datagrid-filter-row>td .dx-editor-cell .dx-texteditor.dx-state-focused{border-color:#0064d7!important;box-shadow:0 0 0 3px rgba(0,100,215,.08)!important}.dx-datagrid .dx-scrollable-scroll{background:#cbd5e1!important;border-radius:10px!important}.dx-datagrid .dx-scrollable-scroll:hover{background:#94a3b8!important}.dx-datagrid .dx-scrollable-scroll-content{border-radius:10px!important}.dx-datagrid .dx-loadindicator{color:#0064d7!important}.dx-datagrid .dx-loadindicator .dx-loadindicator-icon{stroke:#0064d7!important}.dx-datagrid .dx-datagrid-nodata{color:#e9ecee!important;font-size:14px!important;padding:60px!important;text-align:center!important}.dx-datagrid .dx-datagrid-nodata:before{color:#cbd5e1;content:"\f5b0";display:block;font-family:Font Awesome\ 6 Free;font-size:48px;font-weight:400;margin-bottom:16px}.dx-datagrid .dx-checkbox .dx-checkbox-icon{border-color:#cbd5e1!important;border-radius:6px!important}.dx-datagrid .dx-checkbox .dx-checkbox-checked .dx-checkbox-icon{background-color:#0064d7!important;border-color:#0064d7!important}@media (max-width:768px){.dx-datagrid{border-radius:16px!important}.dx-datagrid .dx-datagrid-search-panel input{font-size:12px!important;padding:8px 12px!important;width:160px!important}.dx-datagrid .dx-data-row>td,.dx-datagrid .dx-header-row>td{font-size:12px!important;padding:10px 8px!important}.dx-datagrid .dx-pager{padding:12px 16px!important}.dx-datagrid .dx-pager .dx-next-button,.dx-datagrid .dx-pager .dx-page,.dx-datagrid .dx-pager .dx-prev-button{font-size:12px!important;height:30px!important;min-width:30px!important}.dx-datagrid .dx-pager .dx-page-sizes .dx-page-size{font-size:12px!important;padding:4px 8px!important}.dx-datagrid .dx-datagrid-header-panel{flex-direction:column!important;gap:12px!important;padding:12px 16px!important}}.table-responsive{background:#f0f0f0!important;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 2px 12px rgba(0,0,0,.04);overflow-x:auto!important;overflow-y:visible!important;padding:10px}.table-responsive .table{border-collapse:separate!important;border-spacing:0!important;margin-bottom:0}.table-responsive .table tr:hover{position:relative;z-index:5}.table-responsive .table.dataTable.dtr-inline.collapsed tr:has(.btn-group.open),.table-responsive .table.dataTable.dtr-inline.collapsed tr:has(.btn-group.show){position:relative;z-index:10}.table-responsive .table thead th{background:#fff;border-bottom:2px solid #eef2f7;color:#1a237e;font-size:16px;font-weight:800;padding:16px 20px}.table-responsive .table thead th:first-child{border-top-left-radius:20px}.table-responsive .table thead th:last-child{border-top-right-radius:20px}.table-responsive .table tbody tr{transition:all .25s ease}.table-responsive .table tbody tr:nth-child(2n){background-color:#fafbfc}.table-responsive .table tbody tr:nth-child(odd){background-color:#fff}.table-responsive .table tbody tr:hover{background:linear-gradient(90deg,rgba(0,100,215,.04),rgba(0,100,215,.02))}.table-responsive .table tbody tr td{border-bottom:1px solid #f0f2f4;color:#b8b8b8;font-size:14px;overflow:visible!important;padding:14px 20px;vertical-align:middle}.table-responsive .table tbody tr td:first-child{color:#1a237e;font-weight:500}.table-responsive .table tbody tr td:last-child{text-align:center}.table-responsive .table tbody tr:last-child td{border-bottom:none}.table-responsive .table tbody tr:last-child td:first-child{border-bottom-left-radius:20px}.table-responsive .table tbody tr:last-child td:last-child{border-bottom-right-radius:20px}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{align-items:center!important;background-color:#0064d7!important;border-radius:50%!important;box-shadow:0 2px 6px rgba(0,100,215,.3);color:#fff!important;content:"+"!important;display:inline-flex!important;font-size:18px!important;font-weight:700!important;height:16px!important;justify-content:center!important;left:8px!important;pointer-events:none!important;top:50%!important;transform:translateY(-50%)!important;width:16px!important;z-index:1!important}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{background-color:#ef4444!important;box-shadow:0 2px 6px rgba(239,68,68,.3);content:"-"!important}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child{padding-left:38px!important;position:relative!important}table.dataTable td .btn-group,table.dataTable td .dropdown{position:relative!important;z-index:100!important}table.dataTable .dropdown-menu{z-index:1050!important}table.dataTable.dtr-inline.collapsed>tbody>tr.child>td{background-color:#f8f9fa!important;padding:0!important;text-align:left!important}.dataTables_wrapper .dataTables_scrollBody .child,.dataTables_wrapper .dataTables_scrollBody tr.child,.dataTables_wrapper .dataTables_scrollBody tr.child td,.dataTables_wrapper .dataTables_scrollBody tr.child td.child{margin:0!important;padding:0!important;text-align:left!important}.dataTables_wrapper div.dtr-details,.dtr-details,div.dtr-details{background:#f8f7f7!important;border-bottom:1px solid #525252;border-radius:0!important;display:block!important;margin:0!important;padding:16px 20px!important;text-align:left!important;width:100%!important}.dataTables_wrapper .dtr-details li,.dtr-details li,div.dtr-details li{align-items:center!important;background:transparent!important;border-bottom:1px solid #e2e8f0!important;display:flex!important;list-style:none!important;margin:0!important;padding:10px 0!important;text-align:left!important}.dataTables_wrapper .dtr-details .dtr-title,.dtr-details .dtr-title,div.dtr-details .dtr-title{color:#1a237e!important;display:inline-block!important;font-size:13px!important;font-weight:600!important;margin:0!important;min-width:200px!important;padding:0 10px 0 0!important;text-align:left!important;width:200px!important}.dataTables_wrapper .dtr-details .dtr-data,.dtr-details .dtr-data,div.dtr-details .dtr-data{color:#000!important;display:inline-block!important;flex:1!important;font-size:13px!important;left:100px;margin:0!important;padding:0!important;text-align:left!important}.table-responsive .btn-group{position:relative!important;z-index:50!important}.table-responsive .dropdown-toggle{cursor:pointer!important;pointer-events:auto!important}@media (max-width:768px){.dtr-details li,div.dtr-details li{align-items:flex-start!important;flex-direction:column!important;padding:12px 0!important}.dtr-details .dtr-title,div.dtr-details .dtr-title{margin-bottom:6px!important;padding-right:0!important;width:100%!important}}.form-control{background-clip:padding-box;background-color:#fff;border:2px solid #eef2f7;border-radius:12px;color:#1a237e;display:block;font-size:14px;font-weight:400;line-height:1.5;padding:12px 16px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.form-control::-moz-placeholder{color:#adb5bd;font-weight:400;opacity:1}.form-control::placeholder{color:#adb5bd;font-weight:400;opacity:1}.form-control:focus{background-color:#fff;border-color:#0064d7;box-shadow:0 0 0 4px rgba(0,100,215,.1);color:#1a237e;outline:0}.form-control:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.6}.form-control[readonly]{background-color:#f8f9fa;border-color:#eef2f7}.form-control:hover:not(:disabled):not([readonly]){border-color:#cbd5e1}.form-control.error,.form-control.is-invalid{border-color:#ef4444}.form-control.error:focus,.form-control.is-invalid:focus{box-shadow:0 0 0 4px rgba(239,68,68,.1)}.form-control.is-valid,.form-control.success{border-color:#10b981}.form-control.is-valid:focus,.form-control.success:focus{box-shadow:0 0 0 4px rgba(16,185,129,.1)}.form-control.form-control-sm{border-radius:10px;font-size:12px;padding:8px 12px}.form-control.form-control-lg{border-radius:14px;font-size:16px;padding:14px 18px}.form-group{margin-bottom:20px}.form-group label{color:#1b1c1c;display:block;font-size:14px;font-weight:700}.form-group label .required{color:#ef4444;margin-left:4px}.form-group .form-text{color:#8c9cac;font-size:12px;margin-top:6px}.form-group .invalid-feedback{color:#ef4444;display:block;font-size:12px;margin-top:6px}.form-group .valid-feedback{color:#10b981;display:block;font-size:12px;margin-top:6px}.input-group{align-items:stretch;display:flex;position:relative;width:100%}.input-group .input-group-text{align-items:center;background-color:#f8f9fa;border:1px solid #eef2f7;border-radius:12px;color:#8c9cac;display:flex;font-size:14px;font-weight:400;line-height:1.5;padding:12px 16px;text-align:center;white-space:nowrap}.input-group .input-group-text:first-child{border-bottom-right-radius:0;border-right:none;border-top-right-radius:0}.input-group .input-group-text:last-child{border-bottom-left-radius:0;border-left:none;border-top-left-radius:0}.input-group .form-control:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.input-group .form-control:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.input-icon-left i{color:#8c9cac;font-size:16px}.input-icon-right{position:relative}.input-icon-right .form-control{padding-right:42px}.input-icon-right i{color:#8c9cac;cursor:pointer;font-size:16px;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:all .3s}.input-icon-right i:hover{color:#0064d7}textarea.form-control{min-height:100px;resize:vertical}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231a237e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;overflow:hidden;padding-bottom:0!important;text-overflow:ellipsis;white-space:nowrap}select.form-control:hover{cursor:pointer}select.form-control option{word-wrap:break-word;padding:8px;white-space:normal}input[type=file].form-control{padding:8px}input[type=file].form-control::file-selector-button{background:#0064d7;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s}input[type=file].form-control::file-selector-button:hover{background:#0050b0}@media (max-width:768px){.form-control{border-radius:10px;font-size:13px;padding:10px 14px}.form-group{margin-bottom:16px}}@media (max-width:480px){.form-control{font-size:12px;padding:8px 12px}}.btn{border-radius:10px;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;line-height:1.5;padding:10px 20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn:not(.btn-primary):not(.btn-secondary):not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-info){background:#6c757d;border:1px solid #6c757d;color:#fff!important}.btn:not(.btn-primary):not(.btn-secondary):not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-info):hover{background:#5a6268;border-color:#545b62}.btn-primary{background:linear-gradient(135deg,#0064d7,#0050b0);border:none;color:#fff!important}.btn-primary:hover{box-shadow:0 4px 12px rgba(0,100,215,.3);transform:translateY(-1px)}.btn-secondary{background:#abb6c0;border:1px solid #abb6c0;color:#fff!important}.btn-secondary:hover{background:#abb6c0;border-color:#abb6c0}.btn-danger{background:#dc3545;border:1px solid #dc3545;color:#fff!important}.btn-danger:hover{background:#c82333;border-color:#bd2130}.btn-success{background:#28a745;border:1px solid #28a745;color:#fff!important}.btn-success:hover{background:#218838;border-color:#1e7e34}.btn-warning{background:#ffc107;border:1px solid #ffc107;color:#fff!important}.btn-warning:hover{background:#e0a800;border-color:#d39e00}.btn-info{background:#17a2b8;border:1px solid #17a2b8;color:#fff!important}.btn-info:hover{background:#138496;border-color:#117a8b}.nav-pills{background:#fff;border:1px solid #eef2f7;border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.08);padding:20px 12px}.nav-pills .nav-link{align-items:center;background:transparent;border-radius:14px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;font-weight:500;margin-bottom:8px;padding:14px 18px;position:relative}.nav-pills .nav-link,.nav-pills .nav-link i{transition:transform .3s ease,box-shadow .3s ease}.nav-pills .nav-link i{color:#9ca3af;font-size:20px;margin-right:12px;text-align:center;width:24px}.nav-pills .nav-link:hover{background:rgba(0,100,215,.08);color:#0064d7;transform:translateX(4px)}.nav-pills .nav-link:hover i{color:#0064d7}.nav-pills .nav-link.active{background:linear-gradient(135deg,#0064d7,#09f);box-shadow:0 4px 12px rgba(0,100,215,.3);color:#fff}.nav-pills .nav-link.active i{color:#fff}.nav-pills .nav-link.active:before{background:#0064d7;border-radius:4px;content:"";height:40px;left:-12px;position:absolute;width:4px}.vetical-tabs-styling .row{display:flex;flex-wrap:wrap}.vetical-tabs-styling .row>.col-3{flex:0 0 280px;max-width:280px}.vetical-tabs-styling .row>.col-9{flex:1;max-width:calc(100% - 304px)}.vetical-tabs-styling .tab-content{background:#fff;border:1px solid #eef2f7;border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.08);min-height:500px;padding:24px}.vetical-tabs-styling .tab-content .tab-pane{animation:fadeInUp .4s ease}.vetical-tabs-styling .tab-content .tab-pane h4{border-bottom:2px solid #eef2f7;color:#1a237e;font-size:20px;font-weight:700;margin-bottom:24px;padding-bottom:16px;position:relative}.vetical-tabs-styling .tab-content .tab-pane h4:after{background:linear-gradient(90deg,#0064d7,#09f);border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}@media (max-width:768px){.vetical-tabs-styling .row{flex-direction:column!important}.vetical-tabs-styling .row>.col-3{margin-bottom:20px!important}.vetical-tabs-styling .row>.col-3,.vetical-tabs-styling .row>.col-9{flex:0 0 100%!important;max-width:100%!important}.vetical-tabs-styling .nav-pills{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;overflow-x:auto!important}.vetical-tabs-styling .nav-pills .nav-link{white-space:nowrap!important}}.dark-vertical-tabs .nav-pills{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid hsla(0,0%,100%,.05);border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.2);padding:20px 12px}.dark-vertical-tabs .nav-pills .nav-link{color:hsla(0,0%,100%,.6)}.dark-vertical-tabs .nav-pills .nav-link i{color:hsla(0,0%,100%,.4)}.dark-vertical-tabs .nav-pills .nav-link:hover{background:hsla(0,0%,100%,.08);color:#fff}.dark-vertical-tabs .nav-pills .nav-link:hover i{color:#fff}.dark-vertical-tabs .nav-pills .nav-link.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 16px rgba(59,130,246,.3);color:#fff}.dark-vertical-tabs .nav-pills .nav-link.active i{color:#fff}.dark-vertical-tabs .tab-content{background:#1e293b;border:1px solid hsla(0,0%,100%,.05);border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.2);padding:24px}.dark-vertical-tabs .tab-content .tab-pane h4{border-bottom-color:hsla(0,0%,100%,.1);color:#fff}.dark-vertical-tabs .tab-content .tab-pane h4:after{background:linear-gradient(90deg,#3b82f6,#60a5fa)}@media (max-width:768px){.dark-vertical-tabs .row,.gradient-vertical-tabs .row,.light-vertical-tabs .row,.system-config-tabs .row{flex-direction:column;gap:20px}.dark-vertical-tabs .row>.col-3,.dark-vertical-tabs .row>.col-9,.gradient-vertical-tabs .row>.col-3,.gradient-vertical-tabs .row>.col-9,.light-vertical-tabs .row>.col-3,.light-vertical-tabs .row>.col-9,.system-config-tabs .row>.col-3,.system-config-tabs .row>.col-9{flex:0 0 100%;max-width:100%}.dark-vertical-tabs .nav-pills,.gradient-vertical-tabs .nav-pills,.light-vertical-tabs .nav-pills,.system-config-tabs .nav-pills{display:flex;flex-direction:row;gap:8px;overflow-x:auto;padding:16px}.dark-vertical-tabs .nav-pills .nav-link,.gradient-vertical-tabs .nav-pills .nav-link,.light-vertical-tabs .nav-pills .nav-link,.system-config-tabs .nav-pills .nav-link{flex-shrink:0;white-space:nowrap}.dark-vertical-tabs .nav-pills .nav-link:hover,.gradient-vertical-tabs .nav-pills .nav-link:hover,.light-vertical-tabs .nav-pills .nav-link:hover,.system-config-tabs .nav-pills .nav-link:hover{transform:translateY(-2px)}}.card{background:#fff;border:1px solid #eef2f7;border-radius:20px;box-shadow:0 2px 12px rgba(0,0,0,.04)}.card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08)}.card-body{padding:24px}@media (max-width:768px){.card-body{padding:20px}}.card-title{border-bottom:2px solid #eef2f7;color:#1a237e;font-size:18px;font-weight:600;margin-bottom:16px;padding-bottom:12px;position:relative}.card-title:after{background:linear-gradient(90deg,#0064d7,#09f);border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:50px}.content-constant .contant-heights{display:flex;gap:24px;min-height:600px}@media (max-width:768px){.content-constant .contant-heights{flex-direction:column;gap:16px}}.content-constant .contant-section1{flex:0 0 280px}@media (max-width:768px){.content-constant .contant-section1{flex:0 0 auto;width:100%}}.content-constant .contant-section1 .box{background:#fff;border:1px solid #eef2f7;border-radius:20px;box-shadow:0 2px 12px rgba(0,0,0,.04);overflow:hidden}.content-constant .contant-section1 .box .box-blocks{max-height:calc(100vh - 200px);overflow-y:auto}.content-constant .contant-section1 .box .box-blocks::-webkit-scrollbar{width:6px}.content-constant .contant-section1 .box .box-blocks::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.content-constant .contant-section1 .box .box-blocks::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.content-constant .contant-section1 .box .box-blocks::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.content-constant .contant-section1 .list-group{margin:0;padding:16px 12px}.content-constant .contant-section1 .list-group .list-group-item{align-items:center;background:transparent;border:none;border-radius:12px;color:#4b5563;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:12px;margin-bottom:4px;padding:12px 16px;transition:transform .3s ease,box-shadow .3s ease}.content-constant .contant-section1 .list-group .list-group-item i{color:#9ca3af;font-size:16px;transition:transform .3s ease,box-shadow .3s ease;width:20px}.content-constant .contant-section1 .list-group .list-group-item:hover{background:rgba(0,100,215,.08);color:#0064d7;transform:translateX(4px)}.content-constant .contant-section1 .list-group .list-group-item:hover i{color:#0064d7}.content-constant .contant-section1 .list-group .list-group-item.active{background:linear-gradient(135deg,#0064d7,#0050b0);box-shadow:0 4px 12px rgba(0,100,215,.3);color:#fff}.content-constant .contant-section1 .list-group .list-group-item.active i{color:#fff}.content-constant .contant-section2{animation:fadeInUp .4s ease;background:#fff;border:1px solid #eef2f7;border-radius:20px;box-shadow:0 2px 12px rgba(0,0,0,.04);flex:1;padding:24px}@media (max-width:768px){.content-constant .contant-section2{padding:16px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.constant-table-wrapper .table-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.constant-table-wrapper .table-header h5{align-items:center;color:#1a237e;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.constant-table-wrapper .table-header h5 i{color:#0064d7;font-size:20px}.constant-table-wrapper .table-header .btn-add{align-items:center;background:linear-gradient(135deg,#0064d7,#0050b0);border:none;border-radius:10px;color:#fff;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 20px;transition:transform .3s ease,box-shadow .3s ease}.constant-table-wrapper .table-header .btn-add:hover{box-shadow:0 4px 12px rgba(0,100,215,.3);transform:translateY(-2px)}.constant-table-wrapper .table-header .btn-add i{font-size:14px}.dataTables_wrapper .dataTables_length{margin-bottom:16px}.dataTables_wrapper .dataTables_length label{color:#4b5563;font-size:13px}.dataTables_wrapper .dataTables_length label select{background:#fff;border:1px solid #eef2f7;border-radius:8px;margin:0 6px;padding:6px 12px}.dataTables_wrapper .dataTables_filter{margin-bottom:16px}.dataTables_wrapper .dataTables_filter label{color:#4b5563;font-size:13px}.dataTables_wrapper .dataTables_filter label input{border:1px solid #eef2f7;border-radius:10px;margin-left:8px;padding:8px 16px;width:260px}.dataTables_wrapper .dataTables_filter label input:focus{border-color:#0064d7;box-shadow:0 0 0 3px rgba(0,100,215,.1);outline:none}.dataTables_wrapper .dataTables_info{color:#080808;font-size:13px;padding-top:16px}.dataTables_wrapper .dataTables_paginate{padding-top:16px}.dataTables_wrapper .dataTables_paginate .paginate_button{background:#f8f9fa;border:1px solid #eef2f7;border-radius:8px;margin:0 2px;padding:6px 12px}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background:rgba(0,100,215,.1);border-color:#0064d7}.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:linear-gradient(135deg,#0064d7,#0050b0);border-color:#0064d7;color:#fff}.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background:linear-gradient(135deg,#0064d7,#0050b0)}.tab-loading{min-height:200px;position:relative}.tab-loading:after{animation:spin .8s linear infinite;border:3px solid #eef2f7;border-radius:50%;border-top-color:#0064d7;content:"";height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}@media (max-width:992px){.content-constant .contant-section1{flex:0 0 240px}}@media (max-width:768px){.content-constant .contant-section1 .list-group{display:flex;flex-direction:row;overflow-x:auto;padding:12px}.content-constant .contant-section1 .list-group .list-group-item{flex-shrink:0;white-space:nowrap}.content-constant .contant-section1 .box-blocks{max-height:none;overflow-x:auto}.dataTables_wrapper .dataTables_filter input{width:180px!important}}.permissions-section .section-header{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #eef2f7;border-radius:16px;padding:16px 20px}.permissions-section .section-header .form-label{color:#1a237e;font-size:16px;font-weight:600}.permissions-section .section-header .permission-actions .btn{border-radius:10px;font-size:13px;padding:6px 16px;transition:transform .3s ease,box-shadow .3s ease}.permissions-section .section-header .permission-actions .btn:hover{transform:translateY(-1px)}.permissions-section .section-header .permission-actions .btn i{font-size:14px}.permissions-section .section-header .permission-actions .btn-outline-primary{border-color:#0064d7;color:#0064d7}.permissions-section .section-header .permission-actions .btn-outline-primary:hover{background:#0064d7;color:#fff}.permissions-section .section-header .permission-actions .btn-outline-secondary{border-color:#cbd5e1;color:#4b5563}.permissions-section .section-header .permission-actions .btn-outline-secondary:hover{background:#f1f5f9;border-color:#94a3b8}.permissions-grid{display:flex;flex-direction:column;gap:20px;margin-top:20px}.permission-group-card{background:#fff;border:1px solid #eef2f7;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.02);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.permission-group-card:hover{border-color:#d1e0ff;box-shadow:0 4px 12px rgba(0,0,0,.08)}.permission-group-card .permission-group-header{align-items:center;background:linear-gradient(135deg,#fafbfc,#fff);border-bottom:1px solid #eef2f7;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background .3s ease}.permission-group-card .permission-group-header:hover{background:linear-gradient(135deg,#f5f7fb,#fafbfc)}.permission-group-card .permission-group-header .form-check{align-items:center;cursor:pointer;display:flex;margin:0}.permission-group-card .permission-group-header .form-check .form-check-input{border:2px solid #cbd5e1;border-radius:4px;cursor:pointer;height:18px;margin-right:12px;margin-top:0;transition:all .2s ease;width:18px}.permission-group-card .permission-group-header .form-check .form-check-input:checked{background-color:#0064d7;background-size:80%;border-color:#0064d7}.permission-group-card .permission-group-header .form-check .form-check-input:indeterminate{background-color:#0064d7;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M19 13H5v-2h14v2z'/%3E%3C/svg%3E");background-position:50%;background-size:70%;border-color:#0064d7}.permission-group-card .permission-group-header .form-check .form-check-label{color:#1a237e;cursor:pointer;font-size:15px;font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none}.permission-group-card .permission-group-header .form-check .form-check-label i{color:#0064d7;font-size:16px;margin-right:8px}.permission-group-card .permission-group-header .badge{background:#f1f5f9;border-radius:20px;color:#475569;font-size:11px;font-weight:600;padding:5px 12px}.permission-group-card .permission-group-header .badge i{font-size:11px;margin-right:4px}.permission-group-card .permission-group-header .toggle-icon{color:#94a3b8;font-size:20px;transition:transform .3s ease}.permission-group-card .permission-group-body{background:#fff;padding:20px}.permission-group-card .permission-group-body .permission-items{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media (max-width:768px){.permission-group-card .permission-group-body .permission-items{grid-template-columns:1fr}}.permission-group-card .permission-group-body .permission-item{padding:0}.permission-group-card .permission-group-body .permission-item .form-check{align-items:center;border-radius:10px;display:flex;margin:0;padding:8px 12px;transition:all .2s ease}.permission-group-card .permission-group-body .permission-item .form-check:hover{background:rgba(0,100,215,.04);transform:translateX(4px)}.permission-group-card .permission-group-body .permission-item .form-check .form-check-input{border:2px solid #cbd5e1;border-radius:3px;cursor:pointer;height:16px;margin-right:12px;margin-top:0;transition:all .2s ease;width:16px}.permission-group-card .permission-group-body .permission-item .form-check .form-check-input:checked{background-color:#0064d7;border-color:#0064d7}.permission-group-card .permission-group-body .permission-item .form-check .form-check-input:focus{border-color:#0064d7;box-shadow:0 0 0 2px rgba(0,100,215,.2)}.permission-group-card .permission-group-body .permission-item .form-check .form-check-label{color:#4b5563;cursor:pointer;flex:1;font-size:13px;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none}.permission-group-card .permission-group-body .permission-item .form-check .form-check-label i{color:#10b981;font-size:12px;margin-right:20px;opacity:.7}.permission-search-wrapper{margin-bottom:20px;position:relative}.permission-search-wrapper i{color:#94a3b8;font-size:16px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.permission-search-wrapper input{border:1px solid #eef2f7;border-radius:12px;font-size:13px;padding:10px 16px 10px 42px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.permission-search-wrapper input:focus{border-color:#0064d7;box-shadow:0 0 0 3px rgba(0,100,215,.1);outline:none}.permission-search-wrapper input::-moz-placeholder{color:#94a3b8}.permission-search-wrapper input::placeholder{color:#94a3b8}.input-icon-left{position:relative}.input-icon-left i{color:#94a3b8;font-size:18px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.input-icon-left .form-control{padding-left:42px}.input-icon-left .form-control:focus+i{color:#0064d7}.input-icon-left textarea.form-control{padding-top:12px}.input-icon-left textarea.form-control+i{top:18px;transform:none}.form-header .card-title{color:#1a237e;font-size:20px;font-weight:700;margin-bottom:8px}.form-header .text-muted{font-size:13px}.form-header .action-buttons .btn-outline-secondary{border-color:#eef2f7;color:#4b5563}.form-header .action-buttons .btn-outline-secondary:hover{background:#f8f9fa;border-color:#cbd5e1;color:#0064d7}.form-header .action-buttons .btn-outline-secondary i{font-size:14px}.form-actions{background:#fff;border-top:1px solid #eef2f7;margin-top:24px;padding-top:24px}.form-actions .btn{border-radius:10px;font-size:14px;font-weight:500;padding:10px 24px;transition:transform .3s ease,box-shadow .3s ease}.form-actions .btn i{font-size:16px}.form-actions .btn:hover{transform:translateY(-1px)}.form-actions .btn-primary{background:linear-gradient(135deg,#0064d7,#0050b0);border:none;box-shadow:0 2px 6px rgba(0,100,215,.2)}.form-actions .btn-primary:hover{box-shadow:0 4px 12px rgba(0,100,215,.3)}.form-actions .btn-outline-secondary{border-color:#eef2f7;color:#4b5563}.form-actions .btn-outline-secondary:hover{background:#f8f9fa;border-color:#cbd5e1;color:#0064d7}@media (max-width:768px){.permissions-section .section-header{padding:12px 16px}.permissions-section .section-header .permission-actions{margin-top:12px;width:100%}.permissions-section .section-header .permission-actions .btn{flex:1}.permission-group-card .permission-group-header{align-items:flex-start;flex-direction:column;gap:10px;padding:12px 16px}.permission-group-card .permission-group-header .badge{align-self:flex-start}.permission-group-card .permission-group-body{padding:16px}.form-header{align-items:flex-start!important;flex-direction:column;gap:12px}.form-header .action-buttons,.form-header .action-buttons .btn{width:100%}.form-actions .d-flex{flex-direction:column}.form-actions .d-flex .btn{width:100%}}@keyframes permissionFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.permission-item{animation:permissionFadeIn .3s ease forwards}.permission-item:first-child{animation-delay:.02s}.permission-item:nth-child(2){animation-delay:.04s}.permission-item:nth-child(3){animation-delay:.06s}.permission-item:nth-child(4){animation-delay:.08s}.permission-item:nth-child(5){animation-delay:.1s}.permission-item:nth-child(6){animation-delay:.12s}.permission-item:nth-child(7){animation-delay:.14s}.permission-item:nth-child(8){animation-delay:.16s}.permission-item:nth-child(9){animation-delay:.18s}.permission-item:nth-child(10){animation-delay:.2s}.permission-item:nth-child(11){animation-delay:.22s}.permission-item:nth-child(12){animation-delay:.24s}.permission-item:nth-child(13){animation-delay:.26s}.permission-item:nth-child(14){animation-delay:.28s}.permission-item:nth-child(15){animation-delay:.3s}.permission-item:nth-child(16){animation-delay:.32s}.permission-item:nth-child(17){animation-delay:.34s}.permission-item:nth-child(18){animation-delay:.36s}.permission-item:nth-child(19){animation-delay:.38s}.permission-item:nth-child(20){animation-delay:.4s}.permissions-loading{min-height:200px;position:relative}.permissions-loading:after{animation:spin .8s linear infinite;border:3px solid #eef2f7;border-radius:50%;border-top-color:#0064d7;content:"";height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.simple-switch-container{display:flex;justify-content:flex-end;margin-bottom:24px}.simple-switch-container .simple-switch-wrapper{align-items:center;background:#fff;border:1px solid #eef2f7;border-radius:60px;box-shadow:0 2px 8px rgba(0,0,0,.04);display:inline-flex;gap:16px;padding:8px 24px}@media (max-width:640px){.simple-switch-container .simple-switch-wrapper{gap:12px;padding:6px 16px}}.simple-switch-container .mode-text{align-items:center;color:#8c9cac;display:flex;font-size:14px;font-weight:500;gap:6px;transition:transform .3s ease,box-shadow .3s ease}.simple-switch-container .mode-text i{font-size:18px;transition:transform .3s ease,box-shadow .3s ease}.simple-switch-container .mode-text.active{color:#0064d7}.simple-switch-container .mode-text.active i{color:#0064d7;transform:scale(1.05)}@media (max-width:480px){.simple-switch-container .mode-text{font-size:12px}.simple-switch-container .mode-text i{font-size:16px}}.simple-toggle{cursor:pointer;display:inline-block;height:28px;position:relative;width:52px}.simple-toggle input{height:0;opacity:0;width:0}.simple-toggle input:checked+.toggle-track{background:linear-gradient(135deg,#0064d7,#0050b0)}.simple-toggle input:checked+.toggle-track .toggle-thumb{background:#fff;transform:translateX(24px)}.simple-toggle input:focus+.toggle-track{box-shadow:0 0 0 3px rgba(0,100,215,.2)}.simple-toggle input:disabled+.toggle-track{cursor:not-allowed;opacity:.5}.simple-toggle .toggle-track{background:#eef2f7;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.simple-toggle .toggle-track .toggle-thumb{background:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px rgba(0,0,0,.1);height:22px;left:3px;position:absolute;transition:transform .3s cubic-bezier(.4,0,.2,1);width:22px}.simple-toggle:hover .toggle-track{background:#e2e8f0}.simple-toggle:hover input:checked+.toggle-track{background:linear-gradient(135deg,#0064d7,#0050b0);box-shadow:0 0 0 2px rgba(0,100,215,.1)}.simple-toggle input:active+.toggle-track .toggle-thumb{transform:scale(.9)}.simple-toggle input:checked:active+.toggle-track .toggle-thumb{transform:translateX(24px) scale(.9)}.dark-theme .simple-switch-wrapper{background:#1e293b;border-color:#334155}.dark-theme .mode-text{color:#94a3b8}.dark-theme .mode-text.active{color:#3b82f6}.dark-theme .simple-toggle .toggle-track{background:#334155}@media (max-width:768px){.simple-toggle{height:26px;width:48px}.simple-toggle .toggle-track .toggle-thumb{height:20px;width:20px}.simple-toggle input:checked+.toggle-track .toggle-thumb{transform:translateX(22px)}}.filter-employees{margin-bottom:30px}.filter-employees .filter-card{background:#fff;border:1px solid #eef2f7;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.06);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.filter-employees .filter-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.1)}.filter-employees .filter-header{background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #eef2f7;padding:20px 24px}.filter-employees .filter-header .header-content{align-items:center;display:flex;gap:12px}.filter-employees .filter-header .header-content i{color:#0064d7;font-size:24px}.filter-employees .filter-header .header-content h4{color:#1a237e;font-size:18px;font-weight:600;margin:0}.filter-employees .filter-header .header-content .filter-badge{align-items:center;background:linear-gradient(135deg,#0064d7,#0050b0);border-radius:20px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px}.filter-employees .filter-body{padding:24px}.filter-employees .filter-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.filter-employees .filter-field{display:flex;flex-direction:column;gap:8px}.filter-employees .filter-field .filter-label{align-items:center;color:#1a237e;display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;text-transform:uppercase}.filter-employees .filter-field .filter-label i{color:#0064d7;font-size:16px}.filter-employees .filter-field .select-wrapper{position:relative}.filter-employees .filter-field .select-wrapper .filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:2px solid #eef2f7;border-radius:12px;color:#1a237e;cursor:pointer;font-size:14px;padding:12px 40px 12px 16px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.filter-employees .filter-field .select-wrapper .filter-select:hover{border-color:#cbd5e1}.filter-employees .filter-field .select-wrapper .filter-select:focus{border-color:#0064d7;box-shadow:0 0 0 3px rgba(0,100,215,.1);outline:none}.filter-employees .filter-field .select-wrapper .filter-select.has-error{border-color:#ef4444}.filter-employees .filter-field .select-wrapper .select-icon{color:#8c9cac;font-size:18px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.filter-employees .loading-overlay{align-items:center;background:rgba(0,100,215,.04);border-radius:16px;display:flex;justify-content:center;margin-bottom:20px;padding:20px}.filter-employees .loading-overlay .spinner-wrapper{align-items:center;display:flex;gap:12px}.filter-employees .loading-overlay .spinner-wrapper .modern-spinner{animation:spin .8s linear infinite;border:3px solid #eef2f7;border-radius:50%;border-top-color:#0064d7;height:24px;width:24px}.filter-employees .loading-overlay .spinner-wrapper span{color:#0064d7;font-size:13px;font-weight:500}.filter-employees .filter-actions{border-top:1px solid #eef2f7;display:flex;gap:16px;padding-top:8px}.filter-employees .filter-actions .btn-filter{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:10px;padding:12px 28px;transition:transform .3s ease,box-shadow .3s ease}.filter-employees .filter-actions .btn-filter i{font-size:18px}.filter-employees .filter-actions .btn-filter:hover{transform:translateY(-2px)}.filter-employees .filter-actions .btn-filter:disabled{cursor:not-allowed;opacity:.6;transform:none}.filter-employees .filter-actions .btn-primary{background:linear-gradient(135deg,#0064d7,#0050b0);box-shadow:0 2px 6px rgba(0,100,215,.2);color:#fff}.filter-employees .filter-actions .btn-primary:hover:not(:disabled){box-shadow:0 4px 12px rgba(0,100,215,.3)}.filter-employees .filter-actions .btn-secondary{background:#f1f3f5;color:#4b5563}.filter-employees .filter-actions .btn-secondary:hover{background:#e9ecef;color:#1a237e}@media (max-width:768px){.filter-employees .filter-header{padding:16px 20px}.filter-employees .filter-header .header-content h4{font-size:16px}.filter-employees .filter-body{padding:20px}.filter-employees .filter-grid{gap:16px;grid-template-columns:1fr}.filter-employees .filter-actions{flex-direction:column}.filter-employees .filter-actions .btn-filter{justify-content:center;padding:10px 20px;width:100%}}.filter-participants{margin-bottom:30px}.filter-participants .filter-card{background:#fff;border:1px solid #eef2f7;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.06);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.filter-participants .filter-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.1)}.filter-participants .filter-header{background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #eef2f7;padding:20px 24px}.filter-participants .filter-header .header-content{align-items:center;display:flex;gap:12px}.filter-participants .filter-header .header-content i{color:#0064d7;font-size:24px}.filter-participants .filter-header .header-content h4{color:#1a237e;font-size:18px;font-weight:600;margin:0}.filter-participants .filter-header .header-content .filter-badge{align-items:center;background:linear-gradient(135deg,#0064d7,#0050b0);border-radius:20px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px}.filter-participants .filter-body{padding:24px}.filter-participants .filter-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.filter-participants .filter-field{display:flex;flex-direction:column;gap:8px}.filter-participants .filter-field.full-width{grid-column:1/-1}.filter-participants .filter-field .filter-label{align-items:center;color:#1a237e;display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;text-transform:uppercase}.filter-participants .filter-field .filter-label i{color:#0064d7;font-size:16px}.filter-participants .filter-field .select-wrapper{position:relative}.filter-participants .filter-field .select-wrapper .filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:2px solid #eef2f7;border-radius:12px;color:#1a237e;cursor:pointer;font-size:14px;padding:12px 40px 12px 16px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.filter-participants .filter-field .select-wrapper .filter-select:hover{border-color:#cbd5e1}.filter-participants .filter-field .select-wrapper .filter-select:focus{border-color:#0064d7;box-shadow:0 0 0 3px rgba(0,100,215,.1);outline:none}.filter-participants .filter-field .select-wrapper .filter-select.has-error{border-color:#ef4444}.filter-participants .filter-field .select-wrapper .select-icon{color:#8c9cac;font-size:18px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.filter-participants .filter-field .multiselect-wrapper .modern-multiselect .multiselect__tags{background:#fff;border:2px solid #eef2f7;border-radius:12px;min-height:50px;padding:8px 12px;transition:transform .3s ease,box-shadow .3s ease}.filter-participants .filter-field .multiselect-wrapper .modern-multiselect .multiselect__tags:hover{border-color:#cbd5e1}.filter-participants .filter-field .multiselect-wrapper .modern-multiselect .multiselect__tag{background:linear-gradient(135deg,#0064d7,#0050b0);border-radius:8px;font-size:12px;padding:4px 24px 4px 10px}.filter-participants .filter-field .multiselect-wrapper .modern-multiselect .multiselect__tag-icon{background:hsla(0,0%,100%,.2);border-radius:0 8px 8px 0}.filter-participants .filter-field .multiselect-wrapper .modern-multiselect .multiselect__tag-icon:hover{background:hsla(0,0%,100%,.3)}.filter-participants .filter-field .multiselect-wrapper .modern-multiselect .multiselect__input{color:#1a237e;font-size:14px}.filter-participants .filter-field .multiselect-wrapper .modern-multiselect .multiselect__input::-moz-placeholder{color:#adb5bd}.filter-participants .filter-field .multiselect-wrapper .modern-multiselect .multiselect__input::placeholder{color:#adb5bd}.filter-participants .filter-field .multiselect-wrapper .modern-multiselect .multiselect__single{color:#1a237e;font-size:14px}.filter-participants .filter-field .multiselect-wrapper .modern-multiselect .multiselect__placeholder{color:#adb5bd;font-size:14px}.filter-participants .filter-field .multiselect-wrapper .modern-multiselect .multiselect__option--highlight,.filter-participants .filter-field .multiselect-wrapper .modern-multiselect .multiselect__option--highlight:after{background:linear-gradient(135deg,#0064d7,#0050b0)}.filter-participants .filter-field .multiselect-wrapper .modern-multiselect .multiselect__option--selected{background:#eef2f7;color:#0064d7;font-weight:600}.filter-participants .filter-field .multiselect-wrapper .modern-multiselect.multiselect--active .multiselect__tags{border-color:#0064d7;box-shadow:0 0 0 3px rgba(0,100,215,.1)}.filter-participants .loading-overlay{align-items:center;background:rgba(0,100,215,.04);border-radius:16px;display:flex;justify-content:center;margin-bottom:20px;padding:20px}.filter-participants .loading-overlay .spinner-wrapper{align-items:center;display:flex;gap:12px}.filter-participants .loading-overlay .spinner-wrapper .modern-spinner{animation:spin .8s linear infinite;border:3px solid #eef2f7;border-radius:50%;border-top-color:#0064d7;height:24px;width:24px}.filter-participants .loading-overlay .spinner-wrapper span{color:#0064d7;font-size:13px;font-weight:500}.filter-participants .filter-actions{border-top:1px solid #eef2f7;display:flex;gap:16px;padding-top:8px}.filter-participants .filter-actions .btn-filter{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:10px;padding:12px 28px;transition:transform .3s ease,box-shadow .3s ease}.filter-participants .filter-actions .btn-filter i{font-size:18px}.filter-participants .filter-actions .btn-filter:hover{transform:translateY(-2px)}.filter-participants .filter-actions .btn-filter:disabled{cursor:not-allowed;opacity:.6;transform:none}.filter-participants .filter-actions .btn-primary{background:linear-gradient(135deg,#0064d7,#0050b0);box-shadow:0 2px 6px rgba(0,100,215,.2);color:#fff}.filter-participants .filter-actions .btn-primary:hover:not(:disabled){box-shadow:0 4px 12px rgba(0,100,215,.3)}.filter-participants .filter-actions .btn-secondary{background:#f1f3f5;color:#4b5563}.filter-participants .filter-actions .btn-secondary:hover{background:#e9ecef;color:#1a237e}@media (max-width:768px){.filter-participants .filter-header{padding:16px 20px}.filter-participants .filter-header .header-content h4{font-size:16px}.filter-participants .filter-body{padding:20px}.filter-participants .filter-grid{gap:16px;grid-template-columns:1fr}.filter-participants .filter-actions{flex-direction:column}.filter-participants .filter-actions .btn-filter{justify-content:center;padding:10px 20px;width:100%}.filter-participants .filter-field.full-width{grid-column:1}}.modal.show{display:block!important}.modal{transition:none!important}.modal-backdrop.show{display:block!important;opacity:.5!important}.modern-modal .modal-dialog{max-width:550px}.modern-modal .modal-content{border:none;border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow:hidden}.modern-modal .modern-modal-header{align-items:center;background:linear-gradient(135deg,#1a237e,#0064d7);border-bottom:none;display:flex;justify-content:space-between;padding:20px 24px}.modern-modal .modern-modal-header .modal-header-content{align-items:center;display:flex;gap:12px}.modern-modal .modern-modal-header .modal-header-content .modal-header-icon{color:#fff;font-size:28px}.modern-modal .modern-modal-header .modal-header-content .modal-title{color:#fff;font-size:18px;font-weight:600;margin:0}.modern-modal .modern-modal-header .modern-close-btn{align-items:center;background:hsla(0,0%,100%,.15);border-radius:10px;display:flex;height:32px;justify-content:center;opacity:1;width:32px}.modern-modal .modern-modal-header .modern-close-btn i{color:#fff;font-size:20px}.modern-modal .modern-modal-header .modern-close-btn:hover{background:hsla(0,0%,100%,.25)}.modern-modal .modern-modal-body{background:#fff;padding:24px}.modern-modal .modern-modal-footer{background:#f8f9fa;border-top:1px solid #eef2f7;padding:16px 24px}.modern-modal .modern-modal-footer .footer-actions{display:flex;flex-wrap:wrap;gap:12px}.modern-modal .alert-modern{align-items:center;border-radius:12px;display:flex;font-size:13px;gap:10px;margin:16px 24px;padding:12px 16px}.modern-modal .alert-modern.alert-info{background:#e8f0fe;border-left:4px solid #0064d7;color:#0064d7}.modern-modal .alert-modern.alert-info i{font-size:18px}.modern-modal .view-shift-link{margin-bottom:24px;text-align:right}.modern-modal .view-shift-link .btn-link-modern{align-items:center;color:#0064d7;display:inline-flex;font-size:13px;font-weight:500;gap:6px;text-decoration:none}.modern-modal .view-shift-link .btn-link-modern:hover{text-decoration:underline}.modern-modal .form-group-modern{margin-bottom:20px}.modern-modal .form-group-modern.form-group-half{flex:1}.modern-modal .form-group-modern .form-label-modern{align-items:center;color:#1a237e;display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:8px}.modern-modal .form-group-modern .form-label-modern i{color:#0064d7;font-size:16px}.modern-modal .form-group-modern .form-label-modern .required-star{color:#ef4444}.modern-modal .form-row-modern{display:flex;gap:16px}@media (max-width:768px){.modern-modal .form-row-modern{flex-direction:column}}.modern-modal .input-modern{border:2px solid #eef2f7;border-radius:12px;font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.modern-modal .input-modern:focus{border-color:#0064d7;box-shadow:0 0 0 3px rgba(0,100,215,.1);outline:none}.modern-modal .input-modern.has-error{border-color:#ef4444}.modern-modal .input-modern:disabled{background:#f8f9fa;cursor:not-allowed}.modern-modal .radio-group-modern .radio-option{display:flex;flex-wrap:wrap;gap:24px}.modern-modal .radio-group-modern .radio-label-modern{align-items:center;cursor:pointer;display:inline-flex;font-size:14px;gap:8px}.modern-modal .radio-group-modern .radio-label-modern input{display:none}.modern-modal .radio-group-modern .radio-label-modern input:checked+.radio-custom{border-color:#0064d7}.modern-modal .radio-group-modern .radio-label-modern input:checked+.radio-custom:before{transform:scale(1)}.modern-modal .radio-group-modern .radio-label-modern .radio-custom{border:2px solid #cbd5e1;border-radius:50%;display:inline-block;height:18px;position:relative;width:18px}.modern-modal .radio-group-modern .radio-label-modern .radio-custom:before{background:#0064d7;border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s ease;width:10px}.modern-modal .radio-group-modern .radio-label-modern .no-badge,.modern-modal .radio-group-modern .radio-label-modern .yes-badge{border-radius:20px;font-size:11px;font-weight:600;padding:2px 8px}.modern-modal .radio-group-modern .radio-label-modern .yes-badge{background:#d1fae5;color:#065f46}.modern-modal .radio-group-modern .radio-label-modern .no-badge{background:#fee2e2;color:#991b1b}.modern-modal .days-grid-modern{display:flex;flex-wrap:wrap;gap:12px}.modern-modal .days-grid-modern .checkbox-modern{align-items:center;cursor:pointer;display:inline-flex;gap:6px}.modern-modal .days-grid-modern .checkbox-modern input{display:none}.modern-modal .days-grid-modern .checkbox-modern input:checked+.checkbox-custom{background:#0064d7;border-color:#0064d7}.modern-modal .days-grid-modern .checkbox-modern input:checked+.checkbox-custom:before{color:#fff;content:"✓";font-size:11px}.modern-modal .days-grid-modern .checkbox-modern .checkbox-custom{align-items:center;border:2px solid #cbd5e1;border-radius:4px;display:inline-flex;height:18px;justify-content:center;transition:all .2s ease;width:18px}.modern-modal .days-grid-modern .checkbox-modern .day-label{color:#4b5563;font-size:13px}.modern-modal .shift-info-cards{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.modern-modal .shift-info-cards .info-card{align-items:center;background:#f8f9fa;border:1px solid #eef2f7;border-radius:12px;display:flex;flex:1;gap:12px;padding:12px 16px}.modern-modal .shift-info-cards .info-card i{color:#0064d7;font-size:24px}.modern-modal .shift-info-cards .info-card div{display:flex;flex-direction:column}.modern-modal .shift-info-cards .info-card div label{color:#6b7280;font-size:11px;margin:0}.modern-modal .shift-info-cards .info-card div span{color:#1a237e;font-size:14px;font-weight:600}.modern-modal .modal-description{border-bottom:1px solid #eef2f7;color:#6b7280;font-size:13px;margin-bottom:20px;padding-bottom:12px}.modern-modal .error-message-modern{align-items:center;color:#ef4444;display:flex;font-size:12px;gap:4px;margin-top:6px}.modern-modal .error-message-modern i{font-size:14px}.modern-modal .btn-modern{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:8px 20px;transition:all .2s ease}.modern-modal .btn-modern:hover:not(:disabled){transform:translateY(-1px)}.modern-modal .btn-modern:disabled{cursor:not-allowed;opacity:.6}.modern-modal .btn-primary-modern{background:linear-gradient(135deg,#0064d7,#0050b0);box-shadow:0 2px 6px rgba(0,100,215,.2);color:#fff}.modern-modal .btn-primary-modern:hover:not(:disabled){box-shadow:0 4px 12px rgba(0,100,215,.3)}.modern-modal .btn-success-modern{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.modern-modal .btn-info-modern{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}.modern-modal .btn-danger-modern{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.modern-modal .btn-secondary-modern{background:#f1f3f5;border:1px solid #eef2f7;color:#4b5563}.modern-modal .btn-secondary-modern:hover{background:#e9ecef}.modern-modal .modern-multiselect .multiselect__tags{border:2px solid #eef2f7;border-radius:12px;min-height:46px;padding:8px 12px}.modern-modal .modern-multiselect .multiselect__tag{background:linear-gradient(135deg,#0064d7,#0050b0);border-radius:8px;padding:4px 24px 4px 10px}.modern-modal .modern-multiselect .multiselect__tag-icon{background:hsla(0,0%,100%,.2);border-radius:0 8px 8px 0}.modern-modal .modern-multiselect .multiselect__tag-icon:hover{background:hsla(0,0%,100%,.3)}.modern-modal .modern-multiselect .multiselect__input{font-size:14px}.modern-modal .modern-multiselect .multiselect__placeholder{color:#adb5bd}.modern-modal .modern-multiselect .multiselect__option--highlight{background:linear-gradient(135deg,#0064d7,#0050b0)}@media (max-width:768px){.modern-modal .modal-dialog{margin:16px}.modern-modal .modern-modal-body{padding:20px}.modern-modal .shift-info-cards{flex-direction:column}.modern-modal .footer-actions{flex-direction:column;width:100%}.modern-modal .footer-actions .btn-modern{justify-content:center;width:100%}}.schedule-details-card{background:#fff;border:1px solid #eef2f7;border-radius:20px;box-shadow:0 2px 12px rgba(0,0,0,.04);margin-bottom:24px;overflow:hidden}.schedule-details-card .card-header-modern{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #eef2f7;display:flex;gap:12px;padding:18px 24px}.schedule-details-card .card-header-modern i{color:#0064d7;font-size:22px}.schedule-details-card .card-header-modern .card-title-modern{color:#1a237e;font-size:16px;font-weight:600;margin:0}.schedule-details-card .card-body-modern{padding:24px}.schedule-details-card .details-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:24px}@media (max-width:768px){.schedule-details-card .details-grid{grid-template-columns:1fr}}.schedule-details-card .detail-row{align-items:flex-start;border-bottom:1px solid #eef2f7;display:flex;gap:16px;padding:12px 0}.schedule-details-card .detail-row:last-child{border-bottom:none}.schedule-details-card .detail-row .detail-label{align-items:center;color:#6b7280;display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;min-width:160px;text-transform:uppercase}.schedule-details-card .detail-row .detail-label i{color:#0064d7;font-size:16px}.schedule-details-card .detail-row .detail-value{color:#1a237e;flex:1;font-size:14px;font-weight:500}.schedule-details-card .detail-row .detail-value .rostering-badge,.schedule-details-card .detail-row .detail-value .type-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 12px}.schedule-details-card .detail-row .detail-value .rostering-badge i,.schedule-details-card .detail-row .detail-value .type-badge i{font-size:14px}.schedule-details-card .detail-row .detail-value .badge-individual{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.schedule-details-card .detail-row .detail-value .badge-group{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3}.schedule-details-card .detail-row .detail-value .badge-auto{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.schedule-details-card .detail-row .detail-value .badge-manual{background:linear-gradient(135deg,#fed7aa,#ffedd5);color:#9a3412}.schedule-details-card .detail-row .detail-value .location-info{align-items:center;display:flex;gap:8px}.schedule-details-card .detail-row .detail-value .location-info i{color:#0064d7;font-size:16px}.schedule-details-card .detail-row .detail-value .participant-info{align-items:center;display:flex;gap:10px}.schedule-details-card .detail-row .detail-value .participant-info .avatar-placeholder{align-items:center;background:linear-gradient(135deg,#0064d7,#0050b0);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.schedule-details-card .grouped-participants-section{border-top:2px solid #eef2f7;margin-top:24px;padding-top:24px}.schedule-details-card .grouped-participants-section .section-header-modern{align-items:center;display:flex;gap:12px;margin-bottom:20px}.schedule-details-card .grouped-participants-section .section-header-modern i{color:#0064d7;font-size:20px}.schedule-details-card .grouped-participants-section .section-header-modern span{color:#1a237e;font-size:15px;font-weight:600}.schedule-details-card .grouped-participants-section .section-header-modern .count-badge{background:#eef2f7;border-radius:20px;color:#0064d7;font-size:12px;font-weight:600;padding:2px 10px}.schedule-details-card .grouped-participants-section .table-responsive-modern{overflow-x:auto}.schedule-details-card .grouped-participants-section .table-responsive-modern .table-modern{border-collapse:collapse;width:100%}.schedule-details-card .grouped-participants-section .table-responsive-modern .table-modern thead tr{background:#f8f9fa;border-radius:12px}.schedule-details-card .grouped-participants-section .table-responsive-modern .table-modern thead tr th{border-bottom:2px solid #eef2f7;color:#1a237e;font-size:13px;font-weight:600;padding:14px 16px;text-align:left}.schedule-details-card .grouped-participants-section .table-responsive-modern .table-modern thead tr th i{color:#0064d7;font-size:14px;margin-right:8px}.schedule-details-card .grouped-participants-section .table-responsive-modern .table-modern tbody tr{border-bottom:1px solid #eef2f7;transition:all .2s ease}.schedule-details-card .grouped-participants-section .table-responsive-modern .table-modern tbody tr:hover{background:rgba(0,100,215,.02)}.schedule-details-card .grouped-participants-section .table-responsive-modern .table-modern tbody tr td{color:#4b5563;font-size:13px;padding:14px 16px}.schedule-details-card .grouped-participants-section .table-responsive-modern .table-modern tbody tr td .participant-cell{align-items:center;display:flex;gap:12px}.schedule-details-card .grouped-participants-section .table-responsive-modern .table-modern tbody tr td .participant-cell .avatar-small{align-items:center;background:linear-gradient(135deg,#e8f0fe,#d4e4fc);border-radius:50%;color:#0064d7;display:flex;font-size:11px;font-weight:600;height:28px;justify-content:center;width:28px}.schedule-details-card .grouped-participants-section .table-responsive-modern .table-modern tbody tr td .goal-cell{align-items:center;display:flex;gap:8px}.schedule-details-card .grouped-participants-section .table-responsive-modern .table-modern tbody tr td .goal-cell i{color:#10b981;font-size:14px}.schedule-details-card .grouped-participants-section .table-responsive-modern .table-modern tbody tr:last-child{border-bottom:none}.avatar-placeholder,.avatar-small{text-transform:uppercase}.filter-card-modern{background:#fff;border:1px solid #eef2f7;border-radius:20px;box-shadow:0 2px 12px rgba(0,0,0,.04);margin-bottom:24px;overflow:hidden}.filter-card-modern:last-child{margin-bottom:0}.card-header-modern{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #eef2f7;display:flex;gap:10px;padding:16px 20px}.card-header-modern i{color:#0064d7;font-size:22px}.card-title-modern{color:#0f2b6d;font-size:16px;font-weight:700;margin:0}.card-body-modern{padding:20px}.form-group-modern{margin-bottom:0}.form-grid-1{display:grid;gap:20px;grid-template-columns:1fr}.form-grid-2{display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.form-grid-3{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.form-grid-4{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.form-label-modern{align-items:center;color:#0f2b6d;display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:10px}.form-label-modern i{color:#0064d7;font-size:16px}.required{color:#ef4444;margin-left:2px}.form-control-modern{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#334155;font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.form-control-modern:hover{border-color:#cbd5e1}.form-control-modern:focus{border-color:#0064d7;box-shadow:0 0 0 3px rgba(0,100,215,.1);outline:none}.form-control-modern.is-invalid{border-color:#ef4444}.form-control-modern:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.6}select.form-control-modern{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}input[type=date].form-control-modern{cursor:pointer}input[type=date].form-control-modern::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}input[type=date].form-control-modern::-webkit-calendar-picker-indicator:hover{opacity:1}.date-picker-modern{cursor:pointer;width:100%}.date-picker-modern .daterangepicker-input,.date-picker-modern .reportrange-text{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#334155;display:block;font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.date-picker-modern:hover .daterangepicker-input,.date-picker-modern:hover .reportrange-text{border-color:#0064d7}.date-picker-modern .daterangepicker-input:focus,.date-picker-modern .reportrange-text:focus{border-color:#0064d7;box-shadow:0 0 0 3px rgba(0,100,215,.1);outline:none}.actions-group{display:flex;flex-direction:column}.action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.btn-primary-modern{align-items:center;background:linear-gradient(135deg,#0064d7,#0050b0);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-primary-modern:hover:not(:disabled){box-shadow:0 4px 12px rgba(0,100,215,.3);transform:translateY(-1px)}.btn-primary-modern:disabled{cursor:not-allowed;opacity:.6}.btn-secondary-modern{align-items:center;background:#f1f5f9;border:none;border-radius:10px;color:#334155;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-secondary-modern:hover{background:#e2e8f0;transform:translateY(-1px)}.btn-success-modern{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-success-modern:hover:not(:disabled){box-shadow:0 4px 12px rgba(16,185,129,.3);transform:translateY(-1px)}.btn-danger-modern{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-danger-modern:hover:not(:disabled){box-shadow:0 4px 12px rgba(239,68,68,.3);transform:translateY(-1px)}.error-message-modern{align-items:center;color:#dc2626;display:flex;font-size:12px;gap:6px;margin-top:8px}.error-message-modern i{font-size:14px}.modern-multiselect .multiselect__tags{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-height:44px;padding:8px 12px;transition:all .2s ease}.modern-multiselect .multiselect__tags:hover{border-color:#cbd5e1}.modern-multiselect.multiselect--active .multiselect__tags{border-color:#0064d7;box-shadow:0 0 0 3px rgba(0,100,215,.1)}.modern-multiselect.error .multiselect__tags{border-color:#dc2626}.modern-multiselect .multiselect__tag{background:linear-gradient(135deg,#0064d7,#0050b0);border-radius:8px;font-size:12px;padding:4px 8px 4px 12px}.modern-multiselect .multiselect__tag-icon:after{color:#fff}.modern-multiselect .multiselect__tag-icon:hover:after{background:hsla(0,0%,100%,.2);border-radius:50%;color:#fff}.modern-multiselect .multiselect__option--highlight,.modern-multiselect .multiselect__option--highlight:after{background:#0064d7}.modern-multiselect .multiselect__input{font-size:13px}.modern-multiselect .multiselect__placeholder{color:#94a3b8;font-size:13px}.global-error-alert{align-items:flex-start;animation:slideInRight .3s ease;background:#fef2f2;border-left:4px solid #dc2626;border-radius:12px;box-shadow:0 10px 25px -5px rgba(0,0,0,.1);display:flex;gap:12px;max-width:400px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:9999}.global-error-alert.success{background:#f0fdf4;border-left-color:#10b981}.global-error-alert.success i{color:#10b981}.global-error-alert i{color:#dc2626;flex-shrink:0;font-size:24px}.global-error-alert .error-content{flex:1}.global-error-alert .error-content strong{color:#991b1b;display:block;font-size:14px;font-weight:700;margin-bottom:4px}.global-error-alert.success .error-content strong{color:#166534}.global-error-alert .error-content p{color:#7f1d1d;font-size:13px;margin:0}.global-error-alert.success .error-content p{color:#14532d}.global-error-alert .error-close{align-items:center;background:none;border:none;color:#dc2626;cursor:pointer;display:flex;font-size:20px;opacity:.7;padding:0;transition:opacity .2s}.global-error-alert .error-close:hover{opacity:1}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.loading-indicator-modern{align-items:center;background:#f8fafc;border-radius:12px;color:#0064d7;display:flex;gap:10px;padding:20px}.loading-indicator-modern i{animation:spin 1s linear infinite;font-size:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1200px){.form-grid-4{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.form-grid-3{gap:16px;grid-template-columns:repeat(2,1fr)}.form-grid-2{gap:16px;grid-template-columns:1fr}}@media (max-width:768px){.card-header-modern{padding:12px 16px}.card-header-modern i{font-size:18px}.card-title-modern{font-size:14px}.card-body-modern{padding:16px}.form-grid-2,.form-grid-3,.form-grid-4{gap:16px;grid-template-columns:1fr}.form-group-modern{margin-bottom:0}.action-buttons{flex-direction:column;width:100%}.btn-danger-modern,.btn-primary-modern,.btn-secondary-modern,.btn-success-modern{justify-content:center;width:100%}.global-error-alert{left:10px;max-width:none;right:10px;top:10px}.date-picker-modern{max-width:100%}}@media (max-width:480px){.form-label-modern{font-size:12px}.date-picker-modern .reportrange-text,.form-control-modern{font-size:13px;padding:8px 12px}.modern-multiselect .multiselect__tags{min-height:38px;padding:6px 10px}.modern-multiselect .multiselect__tag{font-size:11px;padding:3px 6px 3px 10px}}