@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";.login-card .login-form .form-input,.login-card .login-form .form-label{color:#000!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar-collapsed .sidebar-list-btn span{display:none}.sidebar-collapsed .sidebar-list-btn{justify-content:center}.sidebar-collapsed .sidebar-list-btn svg{margin-right:0;font-size:1.2rem}.sidebar-collapsed .sidebar-list-btn-arrow,.sidebar-collapsed .H6 span{display:none}.sidebar-collapsed .H6{text-align:center;padding:10px 0}.sidebar-collapsed .header-logo strong span{display:none}.sidebar-collapsed .header-logo strong{justify-content:center}.sidebar-collapsed .header-logo img{margin-right:0}.sidebar-collapsed .sidebar-footer{display:none}.notification-modal{flex-direction:column;width:100%;max-width:500px;height:80vh;display:flex;padding:0!important}.notification-modal .modal-header{border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.notification-modal .modal-body{flex:1;padding:0;overflow-y:auto}.list-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.mark-all-btn{color:#1976d2;cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:600}.notification-list{margin:0;padding:0;list-style:none}.notification-item{cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:flex-start;padding:1rem 1.5rem;transition:background .2s;display:flex}.notification-item:hover{background:#f0f9ff}.notif-icon{color:#3b82f6;margin-top:.2rem;margin-right:1rem}.notif-content{flex:1}.notif-message{color:#374151;margin:0 0 .5rem;font-size:.95rem;line-height:1.4}.notif-time{color:#9ca3af;font-size:.8rem}.notif-arrow{color:#d1d5db;align-items:center;margin-left:1rem;display:flex}.notification-detail-view{padding:1.5rem}.back-link{color:#6b7280;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.9rem;display:flex}.back-link:hover{color:#1f2937}.detail-content{text-align:center}.detail-icon{color:#1976d2;background:#e0f2fe;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1.5rem;font-size:1.5rem;display:flex}.detail-content h4{color:#1f2937;margin:0 0 .5rem;font-size:1.25rem}.detail-time{color:#6b7280;margin-bottom:2rem;font-size:.9rem;display:block}.detail-meta{text-align:left;background:#f9fafb;border-radius:8px;margin-bottom:2rem;padding:1rem}.btn-mark-read{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:6px;width:100%;padding:.75rem 1.5rem;font-weight:600}.btn-mark-read:hover{background:#1565c0}.no-notifications{text-align:center;color:#9ca3af;padding:4rem 2rem}.header-search-container .search-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.search-result-item:hover{transform:translate(2px);background-color:#f9fafb!important}.dashboard-quicklinks-section{margin:0 24px}.dashboard-quicklinks-title{align-items:center;gap:8px;margin-bottom:12px;display:flex}.dashboard-quicklinks-list{background-color:#f4f6f8;border-radius:12px;flex-wrap:nowrap;gap:20px;padding:10px;display:flex;overflow-x:auto}.feature-card{color:#1f2937;text-align:center;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:10px;flex:none;min-width:200px;padding:20px;font-size:1.1rem;font-weight:500;transition:all .3s;box-shadow:0 2px 6px #00000014}.feature-card:hover{color:#1d4ed8;background-color:#eff6ff;transform:translateY(-4px);box-shadow:0 6px 12px #0000001f}.feature-card:active{background-color:#e0f2fe;transform:scale(.98)}.dashboard-quicklinks-list::-webkit-scrollbar{height:8px}.dashboard-quicklinks-list::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}.dashboard-quicklinks-list::-webkit-scrollbar-track{background:#f4f6f8}.dashboard-actionbar{background-color:#213a56;border-radius:15px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:10px 24px 20px;padding:16px 24px;display:flex;box-shadow:0 2px 8px #0000000d}.dashboard-actionbar-title{background:#fff;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.8rem;font-weight:700}.dashboard-actionbar-desc{color:#fbfcfd;margin:4px 0 0;font-size:1rem}.dashboard-create-btn{background:linear-gradient(100deg, hsl(var(--primary)), hsl(var(--primary-dark)));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;padding:10px 20px;font-size:16px;font-weight:500;transition:all .3s;display:flex;box-shadow:0 2px 6px #0000001a}.dashboard-create-btn:hover{background:linear-gradient(100deg, hsl(var(--primary-dark)), hsl(var(--primary)));transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.dashboard-create-btn:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.dashboard-create-btn-icon{margin-right:8px;font-size:1.2rem}.dashboard-summary-error{color:#e53935;font-weight:500}.summary-card-value-large{font-size:2.8rem;font-weight:800}.summary-card-change{margin-top:4px;font-size:1rem;font-weight:400}.summary-card-icon{position:absolute;top:14px;right:18px}.feature-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;justify-content:space-between;padding:24px 28px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #0000000f}.feature-card:hover{border-color:#dbeafe;transform:translateY(-6px);box-shadow:0 12px 25px #00000014}.feature-card:before{content:"";opacity:0;background:linear-gradient(90deg,#2563eb,#7c3aed);border-top-left-radius:16px;border-top-right-radius:16px;width:100%;height:4px;transition:opacity .3s;position:absolute;top:0;left:0}.feature-card:hover:before{opacity:1}.feature-card-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.feature-card-icon{color:#2563eb;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;padding:10px;font-size:1.4rem;transition:background .3s,color .3s;display:flex}.feature-card:hover .feature-card-icon{color:#fff;background:#2563eb}.feature-card-title{color:#111827;font-size:1.1rem;font-weight:600}.feature-card-description{color:#6b7280;flex-grow:1;font-size:.95rem;line-height:1.5}.feature-card-footer{justify-content:flex-end;margin-top:18px;display:flex}.feature-card-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:8px 14px;font-size:.9rem;font-weight:500;transition:background .2s}.feature-card-btn:hover{background:#1d4ed8}@media (width<=768px){.feature-card{padding:20px}.feature-card-title{font-size:1rem}.feature-card-description{font-size:.9rem}}.dashboard-feature-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin:0 24px 12px;display:grid}.feature-card{background:#fff;border-radius:10px;flex-direction:column;align-items:center;padding:24px;display:flex;box-shadow:0 2px 8px #0001}.feature-card-icon{font-size:36px}.feature-card-value{margin:12px 0 4px;font-size:22px;font-weight:600}.feature-card-label{color:#555;font-size:16px}.feature-card-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:5px;align-items:center;gap:6px;margin-top:12px;padding:6px 16px;transition:all .3s;display:flex}.feature-card-btn:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%);transform:translateY(-2px);box-shadow:0 6px 16px #667eea4d}.feature-card-btn-icon{margin-right:4px}.dashboard-tickets-list-priority,.dashboard-tickets-list-status,.dashboard-tickets-list-department{font-weight:600}.dashboard-tickets-list-count{font-weight:700}.dashboard-activity-section{margin:24px}.dashboard-activity-title{margin-bottom:12px}.dashboard-activity-list{color:#444;padding:0;list-style:none}.dashboard-activity-list-item{margin-bottom:6px}.branch-details-label{color:#1976d2;margin-bottom:10px;font-weight:600}.departments-header-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.departments-nav-row{justify-content:center;align-items:center;gap:16px;margin:32px 0;display:flex}.departments-nav-btn{color:#1976d2;cursor:pointer;background:#e3eafc;border:none;border-radius:8px;padding:8px 16px;font-size:24px}.departments-nav-btn:disabled{cursor:not-allowed;opacity:.6}.department-details-label{color:#1976d2;margin-bottom:10px;font-weight:600}.profile-card-value{color:#1976d2;text-align:center;margin-bottom:8px;font-size:2.5rem;font-weight:800}.profile-card-value:hover{color:#000;transition:transform .2s,color .2s;transform:scale(1.05)}.profile-card-title{margin-bottom:8px}.open-tickets-header-row{justify-content:space-between;align-items:center;margin:0 24px;display:flex}.open-tickets-debug-summary{cursor:pointer;font-weight:700}.open-tickets-debug-pre{color:#333;background:#f9f9f9;border-radius:6px;max-height:300px;padding:8px;font-size:.95em;overflow:auto}.notification-item-status{color:#888;font-size:13px}.notification-item-subject{margin:4px 0 8px;font-size:15px}.notification-action-btn{cursor:pointer;border:none;border-radius:4px;margin-right:4px;padding:4px 10px;font-weight:600}.notification-view-btn{color:#fff;background:#1976d2}.notification-resolve-btn{color:#fff;background:#43a047}.notification-approve-btn{color:#fff;background:#1976d2}.notification-reject-btn{color:#fff;background:#e53935}.notification-item-signup{color:#ad1457;font-weight:600}.notification-item-pending{color:#e65100;font-size:13px}.notification-item-email,.notification-item-name,.notification-item-department{color:#555;font-size:14px}.branch-details-card-item{color:#111827;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:.7rem;padding:8px 12px;font-size:1.08rem;box-shadow:0 1px 2px #0001}.branch-card,.branch-details-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:box-shadow .2s,border .2s;box-shadow:0 1px 3px #0000000d}.branch-card:hover,.branch-details-card:hover{border:1.5px solid #1976d2;box-shadow:0 4px 6px #0000001a}.branch-details-card li{color:#111827;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px;box-shadow:0 1px 2px #0001}.branch-card .branch-name{color:#111827;margin-bottom:8px;font-size:1.2rem;font-weight:700}.branch-card .branch-head{color:#6b7280;margin-bottom:6px;font-size:1rem}.branch-card .branch-staff{color:#1976d2;margin-bottom:10px;font-size:1.05rem;font-weight:600}.branches-view{background:#f7f9fc;flex-direction:column;align-items:center;min-height:100vh;padding:2.5rem 0 2rem;display:flex}.branch-card{background:#fff;border-radius:10px;flex-direction:column;flex:220px;align-items:center;min-width:220px;max-width:340px;margin:0 12px;padding:1.5rem 2rem;transition:box-shadow .2s,border .2s;display:flex;box-shadow:0 2px 8px #00000014}.branch-card:hover{border:2px solid #1976d2;box-shadow:0 4px 16px #2196f31f}.branch-details-card{background:#fff;border-radius:12px;width:100%;min-width:320px;max-width:600px;margin-top:1.5rem;padding:2rem 2.5rem;box-shadow:0 2px 8px #00000017}.branch-details-card h3{color:#1976d2;margin-bottom:1rem;font-size:1.5rem;font-weight:800}.branch-details-card ul{margin:0 0 1rem;padding:0;list-style:none}.branch-details-card li{background:#f8fafc;border-radius:6px;margin-bottom:.7rem;padding:8px 12px;font-size:1.08rem;box-shadow:0 1px 2px #0001}.branches-view h2{color:#1976d2;margin-bottom:2rem;font-size:2rem;font-weight:700}.modal-overlay,.dashboard-modal-overlay,.notification-modal,.notification-list{width:100%;z-index:99999!important}.modal-content,.dashboard-modal,.notification-item{z-index:100000!important}.summary-card,.feature-card,.user-admin-view-card,.pending-user-card{z-index:1}.reports-dashboard{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.sr-only-focusable:focus{clip:auto!important;white-space:normal!important;color:#fff!important;z-index:10000!important;background:#1976d2!important;border-radius:4px!important;width:auto!important;height:auto!important;margin:0!important;padding:.5rem 1rem!important;text-decoration:none!important;position:static!important;overflow:visible!important}.dashboard-header{text-align:center;background:#fff;border:1px solid #fff3;border-radius:16px;margin-bottom:3rem;padding:2rem;box-shadow:0 8px 32px #0000001a}.dashboard-title{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.8rem;font-weight:800}.dashboard-status{margin-top:1rem}.last-updated{color:#666;justify-content:center;align-items:center;gap:.5rem;margin:0;font-size:1rem;display:flex}.fallback-indicator{font-size:1.2rem}.fallback-alert{color:#8a6d3b;text-align:center;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #f0ad4e;border-radius:12px;margin-bottom:2rem;padding:1rem 1.5rem;font-weight:600;box-shadow:0 4px 12px #f0ad4e33}.summary-section{margin-bottom:3rem}.summary-card{text-align:center;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #fff3;border-radius:16px;padding:2rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.summary-card:before{content:"";background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);height:4px;position:absolute;top:0;left:0;right:0}.summary-card:focus-within{outline-offset:2px;outline:3px solid #667eea}.summary-card-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.summary-card-value{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;line-height:1}.charts-section{margin-bottom:3rem}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2rem;margin-top:2rem;display:grid}.chart-container{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #fff3;border-radius:16px;padding:2rem;transition:all .3s;position:relative;box-shadow:0 8px 32px #0000001a}.chart-container:before{content:"";background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border-radius:16px 16px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.chart-container:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000026}.accessible-chart-container{position:relative}.chart-data-table{margin-top:1rem}.chart-data-toggle{cursor:pointer;color:#475569;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:600;transition:all .2s;display:flex}.chart-data-toggle:hover{background:#e2e8f0;border-color:#cbd5e1}.chart-data-toggle:focus{outline-offset:2px;outline:3px solid #667eea}.toggle-icon{font-size:1.2rem}.accessible-data-table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;margin-top:1rem;overflow:hidden;box-shadow:0 2px 8px #0000001a}.accessible-data-table th,.accessible-data-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem}.accessible-data-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;font-size:.9rem;font-weight:600}.accessible-data-table tr:hover{background:#f1f5f9}.accessible-data-table tr:focus-within{background:#e0f2fe;outline:2px solid #0ea5e9}.actions-section{text-align:center;margin-top:3rem}.actions-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;display:flex}.refresh-button{color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #667eea66}.refresh-button:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8 0%,#6b46c1 100%);transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.refresh-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.refresh-button:focus{outline-offset:2px;outline:3px solid #fff}.refresh-icon{font-size:1.2rem;animation:1s linear infinite spin}.refresh-button:not(:disabled) .refresh-icon{animation:none}.real-time-indicator{color:#64748b;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.indicator-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.loading-chart-container,.error-chart-container{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #fff3;border-radius:16px;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 32px #0000001a}.loading-content,.error-content{text-align:center;padding:3rem}.loading-spinner{border:4px solid #e3f2fd;border-top-color:#1976d2;border-radius:50%;width:48px;height:48px;margin:0 auto 1rem;animation:1s linear infinite spin}.retry-button{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.retry-button:hover{background:#1565c0;transform:translateY(-1px);box-shadow:0 4px 12px #1976d24d}.retry-button:focus{outline-offset:2px;outline:3px solid #bbdefb}@media (width<=768px){.reports-dashboard{padding:1rem}.dashboard-header{margin-bottom:2rem;padding:1.5rem}.dashboard-title{font-size:2.2rem}.summary-grid{grid-template-columns:1fr;gap:1rem}.summary-card{padding:1.5rem}.summary-card-value{font-size:2.5rem}.charts-grid{grid-template-columns:1fr;gap:1.5rem}.chart-container{padding:1.5rem}.actions-bar{flex-direction:column;gap:1rem}.refresh-button{justify-content:center;width:100%}}@media (width<=480px){.reports-dashboard{padding:.5rem}.dashboard-header{padding:1rem}.dashboard-title{font-size:1.8rem}.summary-card-value{font-size:2rem}.chart-container{padding:1rem}.accessible-data-table{font-size:.85rem}.accessible-data-table th,.accessible-data-table td{padding:.5rem}}@media (prefers-contrast:high){.summary-card,.chart-container{border:2px solid #000}.summary-card-title{color:#000}.refresh-button{border:2px solid #fff}}@media (prefers-reduced-motion:reduce){.summary-card,.chart-container,.refresh-button{transition:none}.summary-card:hover,.chart-container:hover,.refresh-button:hover{transform:none}.loading-spinner,.refresh-icon,.indicator-dot{animation:none}}.summary-card:focus,.chart-container:focus,.chart-data-toggle:focus,.refresh-button:focus{outline-offset:2px;outline:3px solid #667eea}@media print{.reports-dashboard{background:#fff;padding:0}.dashboard-header,.summary-card,.chart-container{box-shadow:none;break-inside:avoid;border:1px solid #000}.actions-section{display:none}.chart-data-table{display:block}.chart-data-toggle{display:none}}.dashboard-tickets-cards-row{flex-wrap:wrap;justify-content:flex-start;gap:2rem;margin:2.5rem 24px 2rem;display:flex}.dashboard-tickets-card{background:#fff;border-radius:12px;flex-direction:column;flex:calc(33.333% - 2rem);align-items:flex-start;min-width:280px;max-width:360px;padding:1.8rem 2rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 12px #00000014}.dashboard-tickets-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.dashboard-tickets-card-title{color:#2a9d8f;align-items:center;gap:8px;margin-bottom:1rem;font-size:1.2rem;font-weight:600;display:flex}.dashboard-tickets-list{width:100%;margin:0;padding:0;list-style:none}.dashboard-tickets-list-item{color:#444;justify-content:space-between;align-items:flex-start;gap:8px;width:100%;margin-bottom:.7rem;font-size:1rem;line-height:1.5;display:flex}.dashboard-tickets-list-item strong{color:#264653}.ticket-filter-bar{background:#f5f7fa;border-radius:10px;flex-wrap:wrap;gap:16px;margin-bottom:18px;padding:12px 20px;display:flex;box-shadow:0 2px 6px #2a9d8f12}.ticket-filter-bar select,.ticket-filter-bar input[type=date]{background:#fff;border:1px solid #ccc;border-radius:6px;padding:8px 14px;font-size:1rem;transition:border .2s,box-shadow .2s}.ticket-filter-bar select:focus,.ticket-filter-bar input[type=date]:focus{border:1.5px solid #2a9d8f;outline:none;box-shadow:0 2px 8px #2a9d8f33}@media (width<=992px){.dashboard-tickets-card{flex:calc(50% - 2rem)}}@media (width<=768px){.dashboard-tickets-cards-row{flex-direction:column;gap:1.5rem;margin:1.5rem 12px}.dashboard-tickets-card{min-width:100%;max-width:100%;padding:1.5rem}}.ticket-action-btn{cursor:pointer;color:#1976d2;background:#fff;border:2px solid #1976d2;border-radius:6px;padding:.5rem 1rem;font-size:14px;font-weight:500;transition:all .3s}.ticket-action-btn:hover{color:#fff;background:#1976d2;transform:translateY(-1px);box-shadow:0 2px 8px #1976d24d}.ticket-action-menu{z-index:9999;white-space:nowrap;background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;min-width:170px;max-height:300px;margin-top:4px;padding:.5rem 0;display:flex;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 6px 20px #00000026}td[style*="position: relative"]{overflow:visible;position:relative!important}.all-tickets-table{overflow:visible}.all-tickets-table tbody tr{position:relative}@media (width<=768px){.ticket-action-menu{min-width:160px;max-width:200px;right:-10px}.ticket-action-menu.menu-left{left:0;right:auto}}.ticket-action-menu{will-change:transform;transform:none}.ticket-action-menu,.ticket-action-menu *{z-index:9999!important}.all-tickets-table,.all-tickets-table tbody,.all-tickets-table tr,.all-tickets-table td{z-index:auto;position:relative}td[style*="position: relative"]{z-index:1!important}.ticket-action-menu{isolation:isolate;z-index:99999!important;position:absolute!important}.table-row-expanded{position:relative}.table-row-expanded td{vertical-align:top;transition:padding-bottom .3s;padding-bottom:200px!important}.action-cell-expanded{vertical-align:top;min-height:180px;position:relative}.ticket-action-menu.menu-expanded{z-index:1;background:#fff;border:1px solid #e1e5e9;border-radius:8px;margin-top:8px;animation:.2s ease-out menuSlideDown;box-shadow:0 4px 12px #00000026;position:static!important}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.all-tickets-table tbody tr{background-color:#0000;transition:all .3s}.all-tickets-table tbody tr.expanded{background-color:#f8f9fa;border-left:3px solid #3b82f6}.all-tickets-table tbody tr.expanded td:last-child{transition:padding-bottom .3s;position:relative;padding-bottom:180px!important}.all-tickets-table tbody tr.expanded td{border-bottom:1px solid #e1e5e9}.action-cell-expanded{border-left:2px solid #3b82f6;transition:all .3s;background-color:#f8f9fa!important}.ticket-action-menu.menu-expanded button{padding:12px 16px;font-weight:500;transition:all .2s;color:#374151!important;background:0 0!important}.ticket-action-menu.menu-expanded button:hover{transform:translate(4px);color:#1976d2!important;background:#e3f2fd!important}.ticket-action-menu button{background:linear-gradient(100deg, hsl(var(--primary)), hsl(var(--orange)));text-align:left;color:#fff;cursor:pointer;border:none;padding:.7rem 1.2rem;font-size:1rem;transition:background .15s,color .15s}.copyright-hover-area .dashboard-search-bar{opacity:0;visibility:hidden;pointer-events:none}.copyright-hover-area:hover .dashboard-search-bar{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.role-permission-section-list{flex-wrap:wrap;gap:2.5rem;margin-top:1.5rem;display:flex}.role-permission-section{background:#f8fafc;border-radius:12px;flex:320px;min-width:260px;max-width:400px;padding:1.5rem 1.5rem 1.2rem;box-shadow:0 2px 12px #1976d212}.role-permission-title{color:#1976d2;margin-bottom:1.1rem;font-size:1.15rem;font-weight:600}.role-permission-list{flex-direction:column;gap:1.1rem;margin:0;padding:0;list-style:none;display:flex}.role-permission-item{justify-content:space-between;align-items:center;gap:1.2rem;padding:.5rem .2rem;display:flex}.permission-label{color:#374151;flex:60%;font-size:1.04rem}.permission-status{color:#388e3c;margin-left:.7rem;font-size:.98rem}.switch input[type=checkbox]{opacity:0;z-index:2;cursor:pointer;width:44px;height:24px;margin:0;position:absolute;top:0;left:0}.slider{z-index:1;pointer-events:none;background-color:#ccc;border-radius:24px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 4px #0002}.switch input[type=checkbox]:checked+.slider{background-color:#1976d2}.switch input[type=checkbox]:checked+.slider:before{transform:translate(20px)}.user-admin-view-card{background:#fff;border-radius:16px;min-width:320px;max-width:1100px;margin:2rem auto;padding:2.5rem 2rem 2rem;box-shadow:0 8px 32px #2c3e5021}.user-admin-navbar{border-bottom:2px solid #e3e8f0;gap:1.5rem;margin-bottom:2rem;padding-bottom:.5rem;display:flex}.user-admin-nav-btn{color:#1976d2;cursor:pointer;background:0 0;border:none;border-radius:8px 8px 0 0;padding:.5rem 1.2rem;font-size:1.1rem;font-weight:500;transition:background .18s,color .18s,box-shadow .18s;position:relative}.user-admin-nav-btn.active,.user-admin-nav-btn:hover{color:#0d47a1;background:#e3f2fd;box-shadow:0 4px 16px #1976d21a}.user-admin-content{margin-top:1.5rem}.user-admin-table{border-collapse:separate;border-spacing:0;background:#f8fafc;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 2px 12px #1976d212}.user-admin-table th,.user-admin-table td{text-align:left;padding:.85rem 1.1rem;font-size:1rem}.user-admin-table th{color:#1976d2;background:#e3f2fd;border-bottom:2px solid #bbdefb;font-weight:600}.user-admin-table tr{transition:background .18s,box-shadow .18s}.user-admin-table tr:hover{box-shadow:0 2px 12px #1976d21a;background:#e3f0ff!important}.user-admin-action-btn{color:#1976d2;cursor:pointer;background:#e3f2fd;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-size:1.3rem;transition:background .18s,color .18s,transform .18s;display:flex}.user-admin-action-btn:hover{color:#fff;background:#1976d2;transform:scale(1.13)rotate(10deg)}.perm-toggle-btn{color:#388e3c;cursor:pointer;background:#f1f8e9;border:none;border-radius:8px;padding:.4rem 1.1rem;font-size:.98rem;font-weight:500;transition:background .18s,color .18s,box-shadow .18s}.perm-toggle-btn:hover{color:#fff;background:#388e3c;box-shadow:0 2px 8px #388e3c21}.user-admin-settings{flex-direction:column;gap:1.1rem;margin-top:1.5rem;display:flex}.user-admin-settings label{color:#374151;cursor:pointer;align-items:center;gap:.7rem;font-size:1.08rem;transition:color .18s;display:flex}.user-admin-settings label:hover{color:#1976d2}.back-btn{cursor:pointer;color:none;background:#fff;border:none;border-radius:8px;justify-content:flex-start;align-items:center;width:80px;margin:20px 0 0 20px;padding:.3rem .7rem;font-size:1.1rem;transition:background .18s,color .18s;display:flex}.svg-inline--fa,.back-btn svg{color:none;vertical-align:middle;margin-right:6px;font-size:1.4em}.back-btn:hover{color:#0d47a1}.left-corner{position:relative;top:0;left:0}.back-btn-container{justify-content:flex-start;align-items:center;width:100%;margin:20px 0 0 20px;display:flex}.modal-overlay{color:#fff;z-index:1000;background:#2c3e5040;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed}.modal-content{color:#000;background:#222;border-radius:14px;flex:1;min-width:350px;max-width:95vw;max-height:90vh;padding:2.5rem 2.5rem 2rem;font-size:.8rem;animation:.18s cubic-bezier(.4,2,.6,1) both modalPopIn;position:relative;overflow-y:auto;box-shadow:0 8px 32px #2c3e502e}@keyframes modalPopIn{0%{opacity:0;transform:scale(.85)translateY(40px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-close-btn{color:#1976d2;cursor:pointer;z-index:10;background:0 0;border:none;font-size:2rem;transition:color .15s;position:absolute;top:12px;right:18px}.modal-close-btn:hover{color:#d32f2f}.all-users-view{cursor:pointer;background:#ffcdd2;width:100%;transition:transform .18s,box-shadow .18s,background .18s}.dashboard-summary-card{cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}.all-users-view .dashboard-summary-card:hover{background:#e3f2fd;border-color:#1976d2;transform:translateY(-6px)scale(1.04);box-shadow:0 8px 32px #1976d22e}.all-users-view .user-list-table-card{width:95%;transition:box-shadow .18s}.all-users-view .user-list-table-card:hover{box-shadow:0 6px 24px #1976d221}.all-users-view tr{transition:background .18s,box-shadow .18s}.all-users-view tr:hover{box-shadow:0 2px 12px #1976d21a;background:#e3f0ff!important}.all-users-view .user-action-btn{transition:background .18s,transform .18s}.all-users-view .user-action-btn:hover{color:#fff;background:#1976d2;transform:scale(1.15)rotate(10deg)}.user-action-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:2px 8px;font-size:20px;transition:background .15s}.user-action-btn:hover{background:#e3f0ff}.user-action-hover-card{z-index:100;background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;min-width:180px;margin-top:6px;padding:.5rem 0;display:flex;position:sticky;top:100%;right:0;box-shadow:0 4px 16px #00000021}.user-action-hover-card button{text-align:left;color:#222;cursor:pointer;background:0 0;border:none;padding:.7rem 1.2rem;font-size:1rem;transition:background .15s}.user-action-hover-card button:hover{color:#1976d2;background:#f1f5f9}.createticketBtn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #1976d24d}.open-tickets-table{border-collapse:collapse;background:#fff;border-radius:8px;width:95%;margin:24px;overflow:hidden;box-shadow:0 2px 8px #00000012}.open-tickets-table th,.open-tickets-table td{text-align:left;border-bottom:1px solid #eaeaea;padding:12px 10px}.open-tickets-table th{color:#040b13;background:linear-gradient(90deg,#6a8cff 0% 100%);font-weight:600}.open-tickets-table tr:last-child td{border-bottom:none}.open-tickets-table tbody tr:hover{background:#f0f7ff;transition:background .2s}.open-tickets-view h2{color:#2a3b4c;margin:24px;font-size:30px}.ticket-action-btn{cursor:pointer;color:#2a3b4c;background:#e3f0ff;border:none;border-radius:5px;margin:0 2px;padding:6px 14px;font-size:.95rem;transition:background .2s,color .2s}.tickview-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #1976d24d}.ticket-action-btn.ticket-view-btn{color:#6a8cff;background:#e3f0ff}.ticket-action-btn.ticket-edit-btn{color:#d32f2f;background:#ffe3e3}.ticket-action-btn:hover{color:#fff;background:#1976d2}.open-tickets-table td{vertical-align:middle}.active-tickets-view{background:linear-gradient(135deg,#e0eafc 0%,#cfdef3 100%);border-radius:18px;min-height:70vh;padding:2.5rem 2vw;box-shadow:0 4px 24px #2c3e5014}.active-tickets-view h2{color:#1a237e;letter-spacing:1px;margin-bottom:2rem;font-size:2.2rem;font-weight:700}.ticket-action-btn{cursor:pointer;vertical-align:middle;border:none;border-radius:6px;margin:0 .2rem;padding:.3rem .7rem;font-size:.85rem;font-weight:600;transition:background .18s,color .18s}.ticket-reopen-btn{color:#d32f2f;background:#ffebee;border:1px solid #d32f2f}.ticket-reopen-btn:hover{color:#b71c1c;background:#ffcdd2}.ticket-update-btn{color:#1976d2;background:#e3eafc;border:1px solid #1976d2}.ticket-update-btn:hover{color:#0d47a1;background:#bbdefb}.resolved-tickets-view{background:linear-gradient(135deg,#e0eafc 0%,#cfdef3 100%);border-radius:18px;min-height:70vh;padding:2.5rem 2vw;box-shadow:0 4px 24px #2c3e5014}.resolved-tickets-view h4{color:#1a237e;letter-spacing:1px;margin-bottom:2rem;font-size:2.2rem;font-weight:700}.resolved-tickets-table{border-collapse:separate;border-spacing:0;text-align:center;background:#fff;border-radius:14px;width:100%;max-width:1200px;margin:0 auto;overflow:hidden;box-shadow:0 2px 12px #2c3e501a}.resolved-tickets-table th{color:#151616;text-align:center;background:#6a8cff;border-bottom:2px solid #90caf9;padding:1rem .7rem;font-size:15px;font-weight:600}.resolved-tickets-table td{color:#37474f;text-align:center;border-bottom:1px solid #e0e0e0;padding:.8rem .7rem;font-size:.8rem;transition:background .15s,color .15s}.resolved-tickets-table tr:last-child td{border-bottom:none}.resolved-tickets-table tbody tr{cursor:pointer;transition:background .18s,box-shadow .18s}.resolved-tickets-table tbody tr:hover{color:#1976d2;background:#e3eafc;box-shadow:0 4px 16px #2c3e501a}.resolved-tickets-table .ticket-action-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:6px;margin:0 3px;padding:6px 12px;font-size:.75rem;font-weight:500;transition:all .2s;box-shadow:0 2px 4px #6366f133}.resolved-tickets-table .ticket-action-btn:hover{background:#5855eb;transform:translateY(-1px);box-shadow:0 4px 8px #6366f14d}.resolved-tickets-table .ticket-reopen-btn{background:#ef4444}.resolved-tickets-table .ticket-reopen-btn:hover{background:#dc2626}.resolved-tickets-table .ticket-update-btn{background:#22c55e}.resolved-tickets-table .ticket-update-btn:hover{background:#16a34a}.resolved-tickets-container{justify-content:center;width:100%;padding:0 1rem;display:flex}.active-tickets-view{background:#f8fafc;min-height:100vh;padding:2rem}.profile-card{cursor:pointer;background:#fef3c7;border:2px solid #e3eafc;border-radius:14px;flex:260px;min-width:260px;max-width:340px;padding:1.5rem 2rem;transition:transform .18s,box-shadow .18s,background .18s;box-shadow:0 2px 12px #2c3e501a}.profile-card:hover{background:#f9fafb;border-color:#90caf9;transform:translateY(-6px)scale(1.03);box-shadow:0 8px 32px #2c3e502e}.profile-card h3{color:#fff;margin-bottom:1rem;font-size:1.3rem;font-weight:600}.profile-card ul{margin:0;padding:0;list-style:none}.profile-card ul li{color:#37474f;border-bottom:1px solid #e0e0e0;padding:.3rem .2rem;transition:background .15s}.profile-card ul li:last-child{border-bottom:none}.profile-card ul li:hover{color:#1976d2;background:#f5faff}.profile-card p{color:#37474f;margin:.2rem 0}.company-profile-dashboard{background:linear-gradient(135deg,#e0eafc 0%,#cfdef3 100%);border-radius:18px;height:100vh;min-height:110vh;margin:24px;padding:2.5rem 2vw;box-shadow:0 4px 24px #2c3e5014}.company-profile-dashboard h2{color:#1a237e;letter-spacing:1px;margin-bottom:2rem;font-size:1.5rem;font-weight:700}.profile-cards-container{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.profile-cards{color:#111827;cursor:pointer;background:#fff;border:2px solid #e3eafc;border-radius:14px;flex:260px;min-width:260px;max-width:340px;padding:1.5rem 2rem;transition:transform .18s,box-shadow .18s,background .18s;box-shadow:0 2px 12px #2c3e501a}.profile-cards:hover{background:#e3eafc;border-color:#90caf9;transform:translateY(-6px)scale(1.03);box-shadow:0 8px 32px #2c3e502e}.profile-cards h3{color:#1976d2;margin-bottom:1rem;font-size:1.3rem;font-weight:600}.profile-cards ul{margin:0;padding:0;list-style:none}.profile-cards ul li{color:#37474f;border-bottom:1px solid #e0e0e0;padding:.3rem .2rem;transition:background .15s}.profile-cards ul li:last-child{border-bottom:none}.profile-card ul li:hover{background:#f5faff}.profile-cards p{color:#37474f;margin:.2rem 0}.profile-icon-btn{background:0 0}.all-users-view,.departments-view,.all-branches-view{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;max-width:70vw;margin:24px;padding:2rem 2vw;box-shadow:0 2px 8px #2a9d8f1a}@media (width<=990px){.all-users-view,.all-departments-view,.all-branches-view{border-radius:8px;margin:1rem 0;padding:1rem .5rem}.all-users-view .table,.all-departments-view .table,.all-branches-view .table{font-size:.95rem}}.all-users-view h2,.all-departments-view h2,.all-branches-view h2{color:hsl(var(--orange));margin-bottom:1.5rem;font-size:2rem;font-weight:700}.all-users-view .table,.all-departments-view .table,.all-branches-view .table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 1px 4px #2a9d8f12}.all-users-view th,.all-departments-view th,.all-branches-view th{color:#2a9d8f;background:#f0f2f5;border-bottom:2px solid #e9ecef;padding:.9rem 1.1rem;font-size:1.05rem;font-weight:700}.all-users-view td,.all-departments-view td,.all-branches-view td{color:#222;border-bottom:1px solid #e9ecef;padding:.8rem 1.1rem;font-size:1rem}.all-users-view tr:last-child td,.all-departments-view tr:last-child td,.all-branches-view tr:last-child td{border-bottom:none}.all-users-view tr:hover,.all-departments-view tr:hover,.all-branches-view tr:hover{background:#e0f7fa}.all-users-view .table,.all-departments-view .table,.all-branches-view .table{margin-bottom:1.5rem}.all-users-view .table th,.all-departments-view .table th,.all-branches-view .table th{z-index:1;position:sticky;top:0}.all-users-view .btn,.all-departments-view .btn,.all-branches-view .btn{background:linear-gradient(100deg, hsl(var(--primary)), hsl(var(--orange)));color:#fff;cursor:pointer;border:none;border-radius:8px;margin:.2rem .5rem;padding:.6rem 1.5rem;font-size:1rem;font-weight:600;transition:background .2s,color .2s;box-shadow:0 2px 8px #6366f121}.all-users-view .btn:hover,.all-departments-view .btn:hover,.all-branches-view .btn:hover{color:#fff700;background:linear-gradient(90deg,#4d6aff 0%,#f472b6 100%)}.sidebar{background:#fff;width:220px;min-height:100vh;transition:width .2s;position:relative}.sidebar.collapsed{width:60px}.sidebar-header{align-items:center;padding:1rem;display:flex}.sidebar-collapse-btn{color:#ffe066;cursor:pointer;border:none;margin-right:.5rem;font-size:2rem}.sidebar.collapsed .sidebar-title,.sidebar.collapsed,.sidebar.collapsed,.sidebar-footer{display:block}.menu-icon{font-size:2rem}.tickets-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;margin-bottom:2rem;overflow:hidden;box-shadow:0 2px 12px #2a9d8f1a}.tickets-table th{color:#ffe066;text-align:left;background:#2a9d8f;border-bottom:2px solid #e9ecef;padding:1rem 1.2rem;font-size:1.1rem;font-weight:700}.tickets-table td{color:#222;background:#fff;border-bottom:1px solid #e9ecef;padding:.9rem 1.2rem;font-size:1rem}.tickets-table tr:last-child td{border-bottom:none}.tickets-table tr:hover{background:#e0f7fa;transition:background .2s}.form-inputid:focus,.simplified-ticket-form input[type=text]:focus,.simplified-ticket-form textarea:focus{border-color:#f472b6;outline:none}.select-menu{color:#222;background:#f7f7fa;border:1px solid #6366f1;border-radius:8px;width:100%;margin-bottom:1.1rem;padding:.8rem 1.1rem;font-size:1rem;transition:border .2s}.select-menu:focus{border-color:#f472b6;outline:none}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;margin-top:.7rem;padding:.8rem 2.2rem;font-size:1.1rem;font-weight:700;transition:background .2s,color .2s;box-shadow:0 2px 8px #6366f121}.submit-butn:hover{color:#fff700;background:linear-gradient(90deg,#4d6aff 0%,#f472b6 100%)}.user-info-box{background:#f7f7fa;border-radius:10px;margin-bottom:2rem;padding:1.5rem 2rem;box-shadow:0 2px 8px #6366f114}.manage-users-view{background:#f7f7fa;max-width:1100px;min-height:100vh;margin:0 auto;padding:3.5rem 0}.view-header{color:#fff;background:#18181b;border-radius:1rem;justify-content:space-between;align-items:center;margin-top:.7rem;margin-bottom:2.7rem;padding:1.7rem 2.7rem;display:flex;box-shadow:0 2px 8px #6366f11a}.add-user-btn-dashboard{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6366f1 0%,#f472b6 100%);border:none;border-radius:8px;margin-left:2.5rem;margin-right:.5rem;padding:.7rem 2.2rem;font-size:1.1rem;font-weight:700;transition:background .2s,color .2s;box-shadow:0 2px 8px #6366f121}.add-user-btn-dashboard:hover{color:#fff700;background:linear-gradient(90deg,#4d6aff 0%,#f472b6 100%)}.add-user-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.add-user-modal{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:20px;width:90vw;min-width:600px;max-width:800px;padding:0;animation:.3s ease-out slideUp;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000026,0 0 0 1px #ffffff1a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.add-user-modal-header{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px 20px 0 0;padding:2rem 2.5rem 1.5rem}.add-user-modal-title{text-shadow:0 2px 4px #0000001a;margin:0 0 .5rem;font-size:1.8rem;font-weight:700}.add-user-modal-subtitle{opacity:.9;margin:0;font-size:1rem;font-weight:400}.add-user-form{background:#fff;padding:2rem 2.5rem}.add-user-form-row{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.add-user-input-group{flex-direction:column;gap:.5rem;display:flex}.add-user-label{color:#374151;margin-bottom:.3rem;font-size:.95rem;font-weight:600}.add-user-input{color:#1f2937;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1rem 1.25rem;font-size:1rem;transition:all .3s;box-shadow:0 2px 4px #00000005}.add-user-input:focus{border-color:#667eea;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #667eea1a,0 4px 6px #0000000d}.add-user-input::placeholder{color:#9ca3af}.add-user-form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.add-user-cancel{color:#6b7280;cursor:pointer;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:12px;padding:.8rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 2px 4px #0000000d}.add-user-cancel:hover{color:#374151;background:#e5e7eb;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.add-user-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;padding:.8rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #667eea66}.add-user-submit:hover{background:linear-gradient(135deg,#5a67d8 0%,#6b46c1 100%);transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.add-user-error{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:12px;margin:0 2.5rem 1rem;padding:1rem 1.5rem;font-weight:500;box-shadow:0 2px 4px #dc26261a}@media (width<=768px){.add-user-modal{min-width:95vw;margin:1rem}.add-user-form-row{grid-template-columns:1fr;gap:1rem}.add-user-form-actions{flex-direction:column}.add-user-cancel,.add-user-submit{order:2;width:100%}.add-user-submit{order:1}}.add-user-submit:hover{color:#fff700;background:linear-gradient(90deg,#4d6aff 0%,#f472b6 100%)}.add-user-error{color:#e76f51;text-align:center;margin-bottom:.7rem;font-weight:600}.quick-actions-buttons{flex-wrap:wrap;gap:1.2rem;margin-bottom:1.2rem;display:flex}.quick-action-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6366f1 0%,#f472b6 100%);border:none;border-radius:8px;margin-bottom:.5rem;padding:.8rem 1.7rem;font-size:1.1rem;font-weight:600;transition:background .2s,color .2s;box-shadow:0 2px 8px #6366f121}.quick-action-btn:hover{color:#fff700;background:linear-gradient(90deg,#4d6aff 0%,#f472b6 100%)}.quicklinks-btn{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:8px;align-items:center;gap:8px;padding:.6rem 1rem;font-size:.8rem;font-weight:400;transition:all .3s;display:flex}.quicklinks-btn:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%);transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.modern-header{color:#fff;z-index:100;background:#18181b;border-bottom:2px solid #6366f1;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000014}.header-left{align-items:center;gap:1.2rem;display:flex}.modern-logo{align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.modern-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;margin-right:.7rem;padding:.3rem .7rem;font-size:1.7rem;transition:background .2s}.modern-toggle:hover{background:#23232b}.header-center{flex:1;justify-content:center;display:flex}.header-searchbar{background:#23232b;border-radius:8px;align-items:center;width:100%;min-width:320px;max-width:420px;padding:.3rem 1rem;display:flex;box-shadow:0 1px 4px #00000012}.search-icon{color:#a1a1aa;margin-right:.7rem;font-size:1.1rem}.search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:.5rem 0;font-size:1rem}.modern-actions{align-items:center;gap:1.2rem;display:flex}.header-user-info{background:#23232b;border-radius:8px;align-items:center;gap:.5rem;padding:.3rem .8rem .3rem .3rem;display:flex}.header-user-details{flex-direction:column;align-items:flex-start;display:flex}.header-user-name{color:#fff;font-size:1rem;font-weight:600}.header-user-role{color:#a1a1aa;font-size:.85rem}.modern-logout{color:#fff;background:#e11d48;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-weight:600;transition:background .2s;display:flex}.modern-logout:hover{background:#be123c}.modern-sidebar{color:#fff;z-index:10;flex-direction:column;align-items:center;min-width:1000px;max-width:220px;height:100vh;padding:2rem 1rem;transition:all .2s;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:2px 0 8px #00000012}.modern-sidebar.sidebar-collapsed{min-width:60px;max-width:60px;padding:0}.modern-sidebar-user{flex-direction:column;align-items:flex-start;gap:.3rem;margin-bottom:32px;display:flex}.sidebar-list-btn{color:#fff;text-align:left;cursor:pointer;align-items:left;background:#213a56;border:none;border-radius:6px;gap:.6rem;margin-bottom:2px;padding:.5rem .8rem;font-size:17px;font-weight:300;display:flex}.sidebar-list-btn:hover,.modern-sidebar .sidebar-list-btn.active{color:#fff;background:#6366f1}.sidebar-list-btn-sub{color:#fff;border-left:3px solid #6366f1;margin-bottom:2px;padding-left:1.5rem;font-size:.97rem;font-weight:500;transition:background .2s,color .2s}.modern-sidebar .sidebar-list-btn-sub:hover,.modern-sidebar .sidebar-list-btn-sub.active{color:#fff;background:#6366f1}.sidebar-overlay{width:260px}.modern-summary-cards{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:2rem;display:flex}.modern-summary-card{color:#000;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#f472b6 100%);border-radius:14px;flex-direction:column;flex:180px;align-items:center;min-width:180px;max-width:220px;padding:1.7rem 2.2rem;transition:transform .18s,box-shadow .18s,background .18s,color .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #6366f121}.modern-summary-card:hover{box-shadow:0 8px 32px #6366f12e}.modern-summary-card .summary-card-label{color:#000;opacity:.93;font-size:1.1rem;font-weight:600}.modern-summary-card .summary-card-value{color:#4d6aff;text-shadow:0 2px 8px #00000014;margin:.5rem 0;font-size:2.2rem;font-weight:700}.modern-summary-card .summary-card-desc{color:#000;opacity:.85;margin-top:.3rem;font-size:.95rem}.signup-container-fullscreen{color:#fff;box-sizing:border-box;background:linear-gradient(90deg,#f0f7ff,#f9fafb);justify-content:center;align-items:stretch;width:100%;min-height:calc(100vh - 70px);padding:0;display:flex;position:static;overflow-y:auto}.signup-form h2{color:#264653;text-align:center;margin-bottom:1rem;font-size:2rem}.signup-form .form-description{text-align:center;color:#fff;margin-bottom:2.5rem;font-size:1.1rem}html,body{max-width:100vw;overflow-x:hidden}.main-content{flex-direction:column;flex:auto;justify-content:flex-start;align-items:stretch;width:80vw;max-width:900px;min-height:calc(100vh - 120px);margin:0 10px;padding:2rem 0;display:flex}.header-fullscreen{z-index:101;border-bottom:2px solid #2a9d8f;border-radius:0;width:90vw;margin:0;left:0;box-shadow:0 2px 8px #00000014}.nav-fullscreen{color:#fff;z-index:100;background:#1c1c1c;border-bottom:2px solid #2a9d8f;flex-direction:row;justify-content:center;align-items:center;gap:2vw;width:95vw;padding:1.2rem 0;display:flex;box-shadow:0 2px 8px #00000014}.nav-fullscreen .nav-button{text-align:center;width:auto;min-width:140px;margin-bottom:0;font-size:1.1rem}.horizontal-nav{background:#1c1c1c;border-radius:12px;justify-content:center;align-items:center;gap:1vw;width:100%;margin:2vw 0;padding:1vw .5vw;box-shadow:0 2px 8px #00000014;flex-direction:row!important;display:flex!important}.horizontal-nav .nav-button{text-align:center;width:auto;min-width:120px;margin-bottom:0}.center-content{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.main-view-fullscreen.center-content{text-align:center;justify-content:flex-start;align-items:center}.nav-button{color:#ffe066;cursor:pointer;text-align:left;background:#2a9d8f;border:none;border-radius:6px;width:100%;margin-bottom:.5rem;padding:.8rem 1.2rem;font-size:1rem;font-weight:600;transition:background .2s,color .2s;box-shadow:0 1px 4px #0000000a}.nav-button:hover,.nav-button.active{color:#fff700;background:#21867a}.app-fullscreen-container{background:#f7f7fa;flex-direction:column;width:100vw;min-height:100vh;display:flex}.app-fullscreen-main{flex-direction:row;gap:1vw;width:200vw;height:calc(100vh - 70px);margin:0;padding:0 10vw;display:flex}.main-view-fullscreen{background:#fff;border-radius:12px;flex-direction:column;justify-content:flex-start;width:100%;min-width:0;max-width:100vw;height:calc(100vh - 90px);margin:1vw 0;padding:2vw;display:flex;overflow-y:auto;box-shadow:0 2px 12px #00000014}.app-fullscreen-main{border-radius:12px;flex-direction:column;gap:1.2rem;width:200px;max-width:220px;height:calc(100vh - 90px);margin:1vw 0;padding:0;display:flex;box-shadow:0 2px 8px #00000014}@media (width<=900px){.app-fullscreen-main{flex-direction:column;gap:.5vw;height:auto;padding:.5vw}.main-view-fullscreen{height:auto;min-height:60vh;margin:1vw 0;padding:2vw 1vw}.app-fullscreen-main{flex-direction:row;gap:.5rem;min-width:100%;max-width:700px;height:auto;margin:0 auto 1vw;padding:1vw .5vw}}@media (width<=600px){.main-view-fullscreen{min-height:50vh;margin:1vw 0;padding:1vw .5vw}.app-fullscreen-main{gap:.2rem;padding:1vw .2vw}}.dashboard-modal-overlay.fullscreen-modal{z-index:1000;box-sizing:border-box;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;padding:2rem;display:flex;position:fixed;top:0;left:0}.dashboard-modal.fullscreen-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:1200px;height:100%;max-height:90vh;padding:2.5rem;display:flex;overflow-y:auto;box-shadow:0 8px 32px #00000040}.dashboard-modal.fullscreen-modal h3{margin-bottom:1.5rem;font-size:2.1rem;font-weight:800}.user-modal-table{border-collapse:collapse;background:#fff;width:100%;margin-bottom:1.5rem;font-size:1.1rem}.user-modal-table th,.user-modal-table td{text-align:left;border-bottom:1px solid #e0e7ff;padding:1rem 1.2rem}.user-modal-table th{color:#6a8cff;z-index:1;background:#f6f8ff;font-size:1.1rem;font-weight:700;position:sticky;top:0}.user-modal-table tr:last-child td{border-bottom:none}.user-modal-table td{color:#222}.user-modal-pending-toggle{color:#2a9d8f;cursor:pointer;background:#e0f7fa;border:1px solid #2a9d8f;border-radius:4px;margin-top:.5rem;margin-bottom:1rem;padding:.7rem 1.5rem;font-size:1.1rem;font-weight:600;transition:background .2s,color .2s}.user-modal-pending-toggle:hover{color:#21867a;background:#b2ebf2}.user-mgmt-panel{background:#fff;border-radius:12px;max-width:1200px;margin:2.5rem auto 2rem;padding:2.5rem 2.5rem 2rem;box-shadow:0 2px 12px #00000014}.user-mgmt-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:1.7rem;display:flex}.user-mgmt-title{letter-spacing:-1px;color:#3a3a3a;margin:0 0 .3rem;font-size:2.5rem;font-weight:800}.user-mgmt-title-accent{background:linear-gradient(90deg,#6a8cff 0%,#ff914d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.user-mgmt-desc{color:#888;margin-bottom:.2rem;font-size:1.1rem}.user-mgmt-add-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6a8cff 0%,#ff914d 100%);border:none;border-radius:8px;align-items:center;gap:.7rem;padding:.7rem 1.7rem;font-size:1.1rem;font-weight:600;transition:background .2s;display:flex;box-shadow:0 2px 8px #6a8cff14}.user-mgmt-add-btn:hover{background:linear-gradient(90deg,#4d6aff 0%,#ff914d 100%)}.user-mgmt-add-icon{font-size:1.3rem}.user-mgmt-summary-row{gap:1.5rem;margin-bottom:2.2rem;display:flex}.user-mgmt-summary-card{cursor:pointer;background:#fafbff;border-radius:10px;flex-direction:column;flex:180px;align-items:flex-start;min-width:180px;padding:1.2rem 2.2rem 1.2rem 1.5rem;transition:transform .18s,box-shadow .18s,background .18s,color .18s;display:flex;position:relative;box-shadow:0 1px 4px #6a8cff12}.user-mgmt-summary-card:hover{color:#1976d2;background:#e3eafc;transform:translateY(-6px)scale(1.03);box-shadow:0 8px 32px #6a8cff2e}.user-mgmt-summary-label{color:#888;margin-bottom:.2rem;font-size:1.1rem;font-weight:600}.user-mgmt-summary-value{color:#6a8cff;margin-bottom:.2rem;font-size:2.1rem;font-weight:800}.user-mgmt-summary-icon{color:#ff914d;font-size:1.7rem;position:absolute;top:1.1rem;right:1.1rem}.user-mgmt-directory{border-radius:10px;margin-bottom:1.7rem;overflow:hidden;box-shadow:0 1px 8px #6a8cff12}.user-mgmt-directory-header{color:#fff;background:linear-gradient(90deg,#6a8cff 0%,#ff914d 100%);flex-direction:column;gap:.2rem;padding:1.1rem 2rem .7rem;display:flex}.user-mgmt-directory-title{font-size:1.2rem;font-weight:700}.user-mgmt-directory-desc{opacity:.93;font-size:1rem}.user-mgmt-directory-filters{background:#f6f8ff;border-bottom:1px solid #e0e7ff;align-items:center;gap:1rem;padding:1rem 2rem;display:flex}.user-mgmt-search{background:#fff;border:1px solid #d1d5db;border-radius:6px;flex:1;padding:.7rem 1.1rem;font-size:1rem}.user-mgmt-filter{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.7rem 1.1rem;font-size:1rem}.user-mgmt-table-wrapper{background:#fff;overflow-x:auto}.user-mgmt-table{border-collapse:collapse;background:#fff;width:100%;font-size:1rem}.user-mgmt-table th,.user-mgmt-table td{text-align:left;border-bottom:1px solid #e0e7ff;padding:.9rem 1.1rem}.user-mgmt-table th{color:#6a8cff;z-index:1;background:#f6f8ff;font-size:1rem;font-weight:700;position:sticky;top:0}.user-mgmt-table tr:last-child td{border-bottom:none}.user-mgmt-table td{color:#222}.user-mgmt-userinfo{flex-direction:column;gap:.1rem;display:flex}.user-mgmt-username{color:#3a3a3a;font-size:1.05rem;font-weight:700}.user-mgmt-useremail{color:#6a8cff;font-size:.97rem}.user-mgmt-usercompany,.user-mgmt-userdept{color:#888;font-size:.97rem}.user-mgmt-status-active{color:#43aa8b;background:#e6f9f2;border-radius:6px;padding:.3rem .8rem;font-size:.97rem;font-weight:700}.user-mgmt-action-btn{color:#fff;cursor:pointer;background:#6a8cff;border:none;border-radius:6px;padding:.4rem 1.1rem;font-size:.97rem;font-weight:600;transition:background .2s}.user-mgmt-action-btn:hover{background:#4d6aff}.dashboard-user-panel{background:#fff;border-radius:10px;max-width:1100px;margin:1.5rem auto 2rem;padding:2rem 2.5rem;box-shadow:0 2px 8px #00000014}.dashboard-user-panel-header{margin-bottom:1.2rem}.dashboard-user-table-wrapper{max-height:260px;margin-bottom:1rem;overflow-y:auto}.dashboard-user-table{border-collapse:collapse;background:#fff;width:100%;font-size:1rem}.dashboard-user-table th,.dashboard-user-table td{text-align:left;border-bottom:1px solid #eee;padding:.5rem .8rem}.dashboard-user-table th{color:#2a9d8f;z-index:1;background:#f0f2f5;font-weight:700;position:sticky;top:0}.dashboard-user-table tr:last-child td{border-bottom:none}.dashboard-user-table td{color:#222}.dashboard-user-pending-toggle{color:#2a9d8f;background:#e0f7fa;border:1px solid #2a9d8f;border-radius:4px;margin-top:.2rem;margin-bottom:.7rem;padding:.5rem 1.1rem;font-size:1rem;font-weight:600;transition:background .2s,color .2s;display:block}.dashboard-user-pending-toggle:hover{color:#21867a;background:#b2ebf2}.dashboard-user-pending-list{margin-top:.5rem;margin-bottom:.5rem}.dashboard-user-pending-list h4{color:#e53935;margin:0 0 .7rem;font-size:1.1rem}.dashboard-user-pending-empty{color:#888;margin-bottom:.5rem;font-size:.98rem}.dashboard-user-pending-item{background:#f9f9f9;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:.3rem;padding:.5rem 1rem;font-size:.98rem;display:flex}.dashboard-user-pending-name{color:#2a9d8f;cursor:pointer;font-weight:600;text-decoration:underline}.dashboard-user-pending-name:hover{color:#e53935}.sidebar-active-users-table-wrapper{max-height:220px;margin-bottom:.7rem;overflow-y:auto}.sidebar-active-users-table{border-collapse:collapse;background:#fff;width:100%;margin-bottom:.2rem;font-size:.97rem}.sidebar-active-users-table th,.sidebar-active-users-table td{text-align:left;border-bottom:1px solid #eee;padding:.3rem .5rem}.sidebar-active-users-table th{color:#2a9d8f;z-index:1;background:#f0f2f5;font-size:.97rem;font-weight:700;position:sticky;top:0}.sidebar-active-users-table tr:last-child td{border-bottom:none}.sidebar-active-users-table td{color:#222}.sidebar-pending-users-toggle{color:#2a9d8f;background:#e0f7fa;border:1px solid #2a9d8f;border-radius:4px;margin-top:.2rem;margin-bottom:.3rem;padding:.4rem .7rem;font-size:.97rem;font-weight:600;transition:background .2s,color .2s}.sidebar-pending-users-toggle:hover{color:#21867a;background:#b2ebf2}.sidebar-user-approve-btn,.sidebar-user-reject-btn{color:#2a9d8f;cursor:pointer;background:#fff;border:1px solid #2a9d8f;border-radius:4px;margin-left:.3rem;padding:.2rem .7rem;font-size:.92rem;font-weight:600;transition:background .2s,color .2s,border .2s}.sidebar-user-approve-btn:hover{color:#21867a;background:#e0f7fa;border-color:#21867a}.sidebar-user-reject-btn{color:#e53935;border-color:#e53935}.sidebar-user-reject-btn:hover{color:#b71c1c;background:#ffebee;border-color:#b71c1c}.sidebar-user-list-item{word-break:break-all;min-width:0}.user-details-table{border-collapse:collapse;background:#fff;width:100%;margin-top:1rem}.user-details-table th{text-align:left;color:#2a9d8f;background:#f0f2f5;width:140px;padding:.5rem 1rem .5rem 0;font-weight:600}.user-details-table td{color:#222;background:#fff;padding:.5rem}.sidebar-list-btn-expand{justify-content:space-between;align-items:center;display:flex;position:relative}.sidebar-list-btn-arrow{align-items:right;margin-left:auto;font-size:.8rem;transition:transform .2s;display:inline-block}.sidebar-list-btn-arrow.open{transform:rotate(180deg)}.sidebar-dropdown-list{flex-direction:column;gap:.2rem;margin-bottom:.2rem;margin-left:1.2rem;display:flex}.notification-panel-overlay{z-index:3000;background:#00000040;justify-content:center;align-items:flex-start;width:100vw;height:100vh;padding-top:60px;display:flex;position:fixed;top:0;left:0}.notification-panel{background:#fff;border-radius:12px;min-width:900px;max-width:98vw;padding:2rem 2.5rem 2.5rem;animation:.2s fadeInPanel;position:relative;box-shadow:0 8px 32px #0000002e}@keyframes fadeInPanel{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.notification-panel-header{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.notification-panel-header h3{color:#e53935;margin:0;font-size:1.3rem;font-weight:700}.notification-panel-close{color:#888;cursor:pointer;background:0 0;border:none;margin-left:1rem;font-size:2rem;transition:color .2s}.notification-panel-close:hover{color:#e53935}.notification-panel-table-wrapper{max-height:60vh;overflow-y:auto}.notification-panel-table{border-collapse:collapse;background:#fff;width:100%;font-size:1rem}.notification-panel-table th,.notification-panel-table td{text-align:left;border-bottom:1px solid #eee;padding:.7rem .8rem}.notification-panel-table th{color:#e53935;z-index:1;background:#f0f2f5;font-weight:700;position:sticky;top:0}.notification-panel-table tr:last-child td{border-bottom:none}.notification-panel-table td{color:#222}@media (width<=1000px){.notification-panel{min-width:98vw;padding:1rem .5rem 1.5rem}.notification-panel-table th,.notification-panel-table td{padding:.5rem .3rem;font-size:.95rem}}.header-notification-btn{color:#ff0;cursor:pointer;background:0 0;border:none;align-items:center;margin-right:.7rem;padding:.4rem .7rem;font-size:1.5rem;display:inline-flex;position:relative}.header-bell-icon{color:#000;vertical-align:middle;font-size:1.7rem}.header-notification-badge{z-index:2;background:#e53935;border:2px solid #fff;border-radius:50%;width:13px;height:13px;display:inline-block;position:absolute;top:7px;right:7px;box-shadow:0 0 4px #00000026}.sidebar-listing-scroll{flex:1;width:100%;padding-bottom:1rem;overflow-y:auto}.sidebar-listing{flex-direction:column;gap:.5rem;width:100%;display:flex}.dashboard-main{background:#fff;min-height:calc(100vh - 60px);display:flex}.sidebarr{color:#000;z-index:10;background:#213a56;border-radius:0 20px 20px 0;flex-direction:column;align-items:center;min-width:280px;max-width:280px;height:100vh;padding:0;transition:all .2s;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:0 1px 3px #6b7280,0 1px 2px #6b7280}.sidebar{color:#000;z-index:10;background:#1c1c1c;flex-direction:column;align-items:center;min-width:220px;max-width:220px;height:100vh;padding:2rem 1rem;transition:all .2s;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-collapsed{min-width:60px;max-width:60px;padding:2rem .5rem}.sidebar-toggle{color:#000;align-items:right;cursor:pointer;background:#fff;border:none;margin-bottom:0;margin-left:2px;font-size:18px}.sidebar-user-info{flex-direction:column;align-items:center;margin-bottom:32px;display:flex}.sidebar-user-name{font-size:18px;font-weight:700}.sidebar-user-role{opacity:.7;margin-top:2px;font-size:13px}.sidebar-link{color:#fff;border-radius:6px;margin-bottom:2px;padding:.7rem 1rem;font-weight:600;text-decoration:none;transition:background .2s;display:block}.sidebar-link:hover,.sidebar-link.active{background:#2a9d8f}.sidebar-section{margin-top:24px}.dashboard-body{background-color:#090d1e17;flex-direction:column;flex:1;height:100vh;padding:0%;display:flex;overflow-y:auto}.dashboard-summary-cards{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:24px;display:flex}.summary-card{cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;flex:180px;align-items:center;min-width:180px;max-width:220px;padding:1.5rem 2rem;transition:transform .1s,box-shadow .18s,background .18s,border .18s;display:flex;box-shadow:0 2px 8px #00000014}.summary-card:hover{box-shadow:0 8px 32px #2c3e502e}.summary-card-label{color:#264653;font-size:1.1rem;font-weight:600}.summary-card-value{margin:.5rem 0;font-size:2.2rem;font-weight:700}.summary-card-change{font-size:1rem;font-weight:600}.summary-card-change.positive{color:#43aa8b}.summary-card-change.negative{color:#e76f51}.summary-card-desc{color:#888;margin-top:.3rem;font-size:.95rem}.dashboard-stats-row{flex-wrap:wrap;gap:2rem;display:flex}.dashboard-stats-col{flex:320px;min-width:320px;max-width:400px}.dashboard-stats-section{margin-bottom:2rem}.dashboard-priority-list,.dashboard-status-list,.dashboard-actions-list{flex-wrap:wrap;gap:1.2rem;margin:0;padding:0;list-style:none;display:flex}.dashboard-priority-item,.dashboard-status-item{color:#2a9d8f;text-align:center;background:#f0f2f5;border-radius:8px;min-width:80px;padding:.7rem 1.2rem;font-weight:600}.dashboard-priority-value,.dashboard-status-value{color:#222;font-size:1.3rem}.dashboard-action-item{color:#fff;cursor:pointer;text-align:center;background:#2a9d8f;border-radius:8px;min-width:120px;padding:.7rem 1.2rem;font-weight:600;transition:background .2s}.dashboard-action-item:hover{background:#21867a}.dashboard-activity-list{margin:0;padding:0;list-style:none}.dashboard-activity-item{color:#222;margin-bottom:.7rem}.dashboard-activity-text{font-weight:600}.dashboard-activity-time{color:#888;font-size:.95rem}.dashboard-tickets-col{flex:2 500px;min-width:350px}.dashboard-tickets-header{justify-content:space-between;align-items:center;display:flex}.dashboard-tickets-viewall{color:#fff;cursor:pointer;background:#2a9d8f;border:none;border-radius:6px;padding:.4rem 1.2rem;font-weight:600;transition:background .2s}.dashboard-tickets-viewall:hover{background:#21867a}.dashboard-tickets-list{flex-direction:column;gap:1.2rem;margin-top:1rem;display:flex}.dashboard-ticket-item{background:#fff;border-radius:10px;align-items:flex-start;gap:1.5rem;padding:1.2rem 1.5rem;display:flex;box-shadow:0 2px 8px #00000014}.dashboard-ticket-status{flex-direction:column;justify-content:center;align-items:center;min-width:70px;display:flex}.dashboard-ticket-status span{color:#fff;text-transform:uppercase;letter-spacing:1px;background:#2a9d8f;border-radius:8px;margin-bottom:8px;padding:.3rem 1.1rem;font-size:13px;font-weight:700}.dashboard-ticket-status-urgent .dashboard-ticket-status span{background:#e76f51}.dashboard-ticket-status-in-progress .dashboard-ticket-status span{color:#222;background:#e9c46a}.dashboard-ticket-status-resolved .dashboard-ticket-status span{background:#43aa8b}.dashboard-ticket-info{flex:1}.dashboard-ticket-subject{margin-bottom:2px;font-size:16px;font-weight:700}.dashboard-ticket-meta{opacity:.7;margin-bottom:6px;font-size:13px}.dashboard-ticket-dates{color:#888;font-size:13px}.dashboard-modal-overlay{z-index:2000;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.dashboard-modal{background:#fff;border-radius:10px;padding:2rem;position:relative;overflow-x:auto;box-shadow:0 8px 32px #00000040}.dashboard-modal-large{min-width:600px;max-width:900px}.dashboard-modal-small{min-width:350px;max-width:500px}.dashboard-modal-close{cursor:pointer;color:#222;background:0 0;border:none;font-size:22px;position:absolute;top:10px;right:10px}.dashboard-modal-content{text-align:center;color:#888;margin-top:1rem}.app-container{background:#f7f7fa;flex-direction:column;flex:1;min-height:100vh;display:flex}.app-header{color:#fff;text-align:left;background:#222;border-bottom:2px solid #2a9d8f;padding:1.5rem 2rem 1rem}.header-title{margin:0;font-size:2rem}.main-content{flex-direction:row;flex:1;gap:2rem;padding:2rem;display:flex}.sidebar-nav{align-items:left;color:#fff;border-radius:10px;flex-direction:column;gap:.5rem;min-width:220px;height:fit-content;padding:0;font-size:22px;display:flex;box-shadow:0 2px 8px #00000014}.H6{margin:2px}.nav-button{color:#fff;cursor:pointer;background:#2a9d8f;border:none;border-radius:6px;margin-bottom:.5rem;padding:.8rem 1.2rem;font-size:.7rem;transition:background .2s,box-shadow .2s,transform .15s}.nav-button:hover,.nav-button.active{background:#21867a;transform:translateY(-2px)scale(1.04);box-shadow:0 2px 8px #2a9d8f26}.main-view{background:#fff;border-radius:10px;min-width:350px;max-width:600px;padding:2rem 2.5rem;box-shadow:0 4px 20px #0003}.ticket-form-view{max-width:800px}.user-info-box{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;width:100%;margin-bottom:2rem;padding:1.5rem}.user-info-box h3{color:#2a9d8f;margin-top:0;margin-bottom:1rem}.user-info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;font-size:1rem;display:grid}.simplified-ticket-form{width:100%}body,html{background-color:#f0f2f5;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.dashboard-container{flex-direction:column;min-height:100vh;padding:0;display:flex}.dashboard-summary-row{flex-wrap:wrap;justify-content:space-between;gap:1.5rem;margin-bottom:2rem;display:flex}.dashboard-summary-card{flex-direction:column;flex:220px;justify-content:center;align-items:center;min-width:220px;max-width:320px;margin:.5rem 0;display:flex}.dashboard-quick-links{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.dashboard-quick-link{color:#fff;cursor:pointer;background:#2a9d8f;border-radius:8px;justify-content:center;align-items:center;min-width:120px;padding:1rem 1.5rem;font-weight:600;transition:background .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000014}.dashboard-quick-link:hover{background:#21867a;box-shadow:0 4px 16px #0000001f}.dashboard-card{flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:220px;max-width:350px;margin:.5rem 0;display:flex}@media (width<=900px){.dashboard-summary-row,.dashboard-quick-links{flex-direction:column;gap:1rem}.dashboard-summary-card,.dashboard-card{min-width:0;max-width:100%}}.dash_header{color:#fff;text-align:center;border-color:hsl(var(--border));box-sizing:border-box;background:#213a56;border-bottom:2px solid #444;border-radius:20px;justify-content:space-between;align-items:center;width:98%;margin:10px 0 10px 10px;padding:1rem 2rem;font-size:1.5rem;font-weight:700;display:flex}.header{color:#fff;box-sizing:border-box;background-color:#1c1c1c;border-bottom:2px solid #2a9d8f;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;display:flex}.header-logo{color:#fff;align-items:center;width:220px;height:20px;margin:0;padding:1.7rem 1.8rem;font-size:20px;display:block;box-shadow:0 1px 1.5px #444}.header-actions .btn{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:5px;margin-left:.5rem;padding:.6rem 1.2rem;transition:background-color .3s}.header-actions .btn:hover{background-color:#45a049}.header-actions .btn-logout,.header-actions .btn-logout:hover{background:0 0}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;max-width:40vw;display:flex;overflow:hidden}.navbar{background-color:#264653;justify-content:center;padding:.8rem;display:flex}.navbar a{color:#fff;border-radius:5px;margin:0 .5rem;padding:.5rem 1.5rem;text-decoration:none;transition:background-color .3s}.navbar a:hover{background-color:#2a9d8f}.main-content{flex:1;gap:1.5rem;padding:1.5rem;display:flex}.left-panel{background-color:#fff;border-radius:8px;flex:1;padding:1.5rem;overflow-y:auto;box-shadow:0 2px 4px #0000001a}.ticket-list .ticket-item{cursor:pointer;border:1px solid #e0e0e0;border-left:5px solid #2a9d8f;border-radius:5px;margin-bottom:1rem;padding:1rem;transition:box-shadow .3s}.ticket-list .ticket-item:hover{border-left-color:#e9c46a;box-shadow:0 4px 8px #0000001a}.ticket-item p,.ticket-item span{color:#000;margin:.3rem 0;font-size:.9rem}.right-panel{flex:content;flex-direction:column;gap:1.5rem;margin-left:10px;display:flex;position:relative}.welcome-message{color:#fff;background:linear-gradient(135deg,#264653,#2a9d8f);border-radius:8px;padding:2rem}.welcome-message h2{margin-top:0}.ticket-details{color:#1c1c1c;background-color:#fff;border-radius:8px;flex:1;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.ticket-info .status-inprogress{color:#000;background-color:#e9c46a;border-radius:12px;padding:.2rem .5rem;font-weight:700}.ticket-info ul{background-color:#f9f9f9;border:1px solid #eee;border-radius:4px;padding:1rem;font-family:Courier New,Courier,monospace}.footer{color:#000;box-sizing:border-box;background-color:gray;border-top:2px solid #2a9d8f;justify-content:space-between;align-items:center;width:100%;padding:3rem 2rem;display:flex;box-shadow:0 -2px 8px #0000001a}.footer-logo{font-size:1.8rem}.footer-copyright p,.footer-address p,.footer-contact p{margin:.3rem 0;font-size:.9rem}@media (width<=600px){.footer{text-align:center;flex-direction:column;padding:1rem}}.dashboard-modal-overlay.fullscreen-modal{z-index:1000}.dashboard-modal-overlay{z-index:1050}.user-details-table{border-collapse:collapse;width:100%}.user-details-table th,.user-details-table td{border:1px solid #eee;padding:.8rem 1.2rem}.user-details-table th{background-color:#f9f9f9;font-weight:700}.manage-users-view{background-color:#f9fafb;border-radius:8px;flex-direction:column;height:100%;padding:1.5rem 2rem;display:flex}.view-header{border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1rem}.view-header h1{color:#111827;margin:0;font-size:1.75rem;font-weight:600}.view-header p{color:#6b7280;margin-top:.25rem;font-size:1rem}.view-tabs{border-bottom:2px solid #e5e7eb;gap:.5rem;margin-bottom:1.5rem;display:flex}.tab-button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:10px;margin-bottom:10px;padding:.75rem 1.25rem;font-size:1rem;font-weight:500;transition:color .2s,border-color .2s;position:relative;transform:translateY(2px)}.tab-button:hover{color:#1f2937}.tab-button.active{color:#0052cc;border-color:#0052cc}.notification-badge{color:#fff;background-color:#dc2626;border-radius:12px;margin-left:.5rem;padding:2px 6px;font-size:.75rem;font-weight:700;display:inline-block}.tab-content{flex-grow:1}.user-cards-container{gap:1rem;display:grid}.pending-user-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;transition:box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000d}.pending-user-card:hover{box-shadow:0 4px 6px #0000001a}.user-info{flex-direction:column;display:flex}.user-name{color:#111827;cursor:pointer;font-size:1.1rem;font-weight:600;-webkit-text-decoration:underline dashed #ccc;text-decoration:underline dashed #ccc}.user-email{color:#6b7280;font-size:.9rem}.user-actions{gap:.5rem;display:flex}.btn-approve,.btn-reject{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:.5rem 1rem;font-weight:500;transition:background-color .2s,color .2s}.btn-approve{color:#065f46;background-color:#d1fae5;border-color:#6ee7b7}.btn-approve:hover{background-color:#a7f3d0}.btn-reject{color:#991b1b;background-color:#fee2e2;border-color:#fca5a5}.btn-reject:hover{background-color:#fecaca}.table-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.no-data-message{text-align:center;color:#6b7280;background-color:#fff;border:1px dashed #e5e7eb;border-radius:8px;padding:3rem 1rem;font-size:1rem}.user-management-admin{background:#fff;border-radius:10px;max-width:1100px;margin:24px auto;padding:32px 24px;box-shadow:0 2px 8px #00000012}.admin-tabs{gap:12px;margin-bottom:18px;display:flex}.admin-tab-btn{color:#333;cursor:pointer;background:#f5f5f5;border:none;border-radius:6px 6px 0 0;padding:10px 24px;font-weight:500;transition:background .2s}.admin-tab-active{color:#fff;background:#1976d2}.admin-filters{gap:12px;margin-bottom:18px;display:flex}.admin-filters select{border:1px solid #ccc;border-radius:6px;padding:6px 12px;font-size:1em}.admin-user-table-container{overflow-x:auto}.admin-user-table{border-collapse:collapse;background:#fafbfc;border-radius:8px;width:100%;box-shadow:0 1px 4px #0000000a}.admin-user-table th,.admin-user-table td{text-align:left;border-bottom:1px solid #eaeaea;padding:12px 10px}.admin-user-table th{color:#1976d2;background:#f0f4f8;font-weight:600}.admin-user-table tr:last-child td{border-bottom:none}.user-avatar{color:#fff;background:#1976d2;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1em;font-weight:700;display:flex}.manage-btn{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:6px;padding:7px 16px;font-size:.98em;transition:background .2s}.manage-btn:hover{background:#115293}.enhanced-ticket-form-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.enhanced-ticket-form{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;padding:30px;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.priority-options{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.priority-option:hover{background:#f8f9fa}.priority-option.selected{background:#f8f9fa;box-shadow:0 2px 8px #0000001a}.priority-option input{display:none}.routing-section{background:#f0f8ff;border:1px solid #e3f2fd;border-radius:12px;margin:25px 0;padding:20px}.routing-section h3{color:#333;margin:0 0 8px;font-size:18px}.routing-section>p{color:#666;margin:0 0 15px;font-size:14px}.routing-option{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:12px;align-items:flex-start;padding:16px;transition:all .3s;display:flex}.routing-option:hover{background:#f8f9fa;border-color:#2196f3}.routing-option.selected{background:#f8f9fa;border-color:#2196f3;box-shadow:0 2px 8px #2196f333}.routing-option input{display:none}.routing-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.routing-title{color:#333;font-size:15px;font-weight:500}.routing-description{color:#666;margin:0;font-size:13px;line-height:1.4}.add-entity-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff914d 0%,#6a8cff 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #1976d24d}.add-entity-btn:hover{background:linear-gradient(135deg,#1565c0 0%,#0d47a1 100%);transform:translateY(-1px);box-shadow:0 4px 16px #1976d266}.add-entity-btn:active{transform:translateY(0);box-shadow:0 2px 8px #1976d24d}.footer-text{color:#6b7280;text-align:center;width:100%;margin-top:-3rem;font-size:.9rem}.back-btn left-corner{color:none;cursor:alias;border:none;border-radius:10px;align-items:center;gap:.3rem;width:70px;margin:20px 0 0 20px;font-size:1.2rem;display:flex;position:absolute;top:20px;left:20px}.ticket-detail-modal{background:#fff;border-radius:12px;width:90vw;max-width:900px;max-height:85vh;padding:2rem;overflow-y:auto;box-shadow:0 10px 30px #0003}.ticket-detail-content{padding:0}.ticket-detail-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.ticket-detail-section{background:#f8f9fa;border-left:4px solid #1976d2;border-radius:8px;padding:1.5rem}.ticket-detail-section h3{color:#1976d2;border-bottom:1px solid #e0e0e0;margin:0 0 1rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:600}.ticket-detail-field{margin-bottom:.75rem;line-height:1.5}.ticket-detail-field strong{color:#333;min-width:120px;margin-right:.5rem;font-weight:600;display:inline-block}.status-badge{text-transform:uppercase;border-radius:16px;margin-left:.5rem;padding:4px 12px;font-size:.85rem;font-weight:600}.status-badge.status-open{color:#e65100;background:#fff3e0;border:1px solid #ffcc02}.status-badge.status-in_progress,.status-badge.status-in-progress{color:#7b1fa2;background:#f3e5f5;border:1px solid #ce93d8}.status-badge.status-resolved{color:#2e7d32;background:#e8f5e8;border:1px solid #a5d6a7}.status-badge.status-closed{color:#616161;background:#fafafa;border:1px solid #bdbdbd}.priority-badge{text-transform:uppercase;border-radius:16px;margin-left:.5rem;padding:4px 12px;font-size:.85rem;font-weight:600}.priority-badge.priority-low{color:#2e7d32;background:#e8f5e8;border:1px solid #a5d6a7}.priority-badge.priority-normal,.priority-badge.priority-medium{color:#f57c00;background:#fff8e1;border:1px solid #ffcc02}.priority-badge.priority-high{color:#e65100;background:#fff3e0;border:1px solid #ffab40}.priority-badge.priority-urgent,.priority-badge.priority-critical{color:#c62828;background:#ffebee;border:1px solid #ef5350}.ticket-activity-section{background:#f8f9fa;border-left:4px solid #1976d2;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.ticket-activity-section h3{color:#1976d2;border-bottom:1px solid #e0e0e0;margin:0 0 1rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:600}.ticket-detail-actions{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:1rem;padding-top:1rem;display:flex}.ticket-detail-loading,.ticket-detail-error{text-align:center;padding:2rem}.ticket-detail-loading h2,.ticket-detail-error h2{color:#1976d2;margin-bottom:1rem}@media (width<=768px){.ticket-detail-modal{width:95vw;margin:1rem;padding:1rem}.ticket-detail-grid{grid-template-columns:1fr;gap:1rem}.ticket-detail-section{padding:1rem}.ticket-detail-field strong{min-width:auto;margin-bottom:.25rem;display:block}}.all-tickets-view{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;min-height:100vh;padding:2rem 1.5rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #667eea26}.all-tickets-view:before{content:"";pointer-events:none;background:linear-gradient(45deg,#ffffff1a 0%,#ffffff0d 100%);position:absolute;inset:0}.all-tickets-view h2{color:#fff;text-align:center;text-shadow:0 4px 8px #0000004d;letter-spacing:1px;z-index:1;margin-bottom:2.5rem;font-size:2.5rem;font-weight:800;position:relative}.all-tickets-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#fffffff2;border:1px solid #fff3;border-radius:20px;padding:2rem;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000026}.all-tickets-table{border-collapse:separate;border-spacing:0;background:linear-gradient(135deg,#fff 0%,#f8faff 100%);border-radius:16px;width:100%;margin:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.all-tickets-table thead{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);position:relative}.all-tickets-table thead:after{content:"";background:linear-gradient(90deg,#f59e0b,#ef4444,#8b5cf6,#3b82f6);height:3px;position:absolute;bottom:0;left:0;right:0}.all-tickets-table th{color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 2px 4px #0000004d;border:none;padding:1.2rem 1rem;font-size:.95rem;font-weight:700;position:relative}.all-tickets-table th:first-child{border-top-left-radius:16px}.all-tickets-table th:last-child{border-top-right-radius:16px}.all-tickets-table tbody tr{background:#fff;transition:all .3s;position:relative}.all-tickets-table tbody tr:nth-child(2n){background:linear-gradient(135deg,#f8faff 0%,#fff 100%)}.all-tickets-table tbody tr:hover{background:linear-gradient(135deg,#e0f2fe 0%,#f3e5f5 100%);transform:translateY(-2px);box-shadow:0 8px 25px #6366f133}.all-tickets-table tbody tr:hover:before{content:"";background:linear-gradient(#6366f1,#8b5cf6);border-radius:0 4px 4px 0;width:4px;position:absolute;top:0;bottom:0;left:0}.all-tickets-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #6366f11a;padding:1rem;font-size:.9rem;position:relative}.all-tickets-table td:first-child{color:#6366f1;font-size:1rem;font-weight:700}.ticket-status-badge{text-transform:uppercase;letter-spacing:.5px;text-align:center;border-radius:20px;min-width:80px;padding:.4rem .8rem;font-size:.75rem;font-weight:700;display:inline-block;box-shadow:0 2px 4px #0000001a}.ticket-status-open{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fbbf24);border:1px solid #f59e0b}.ticket-status-in-progress,.ticket-status-in_progress{color:#1e40af;background:linear-gradient(135deg,#dbeafe,#3b82f6);border:1px solid #2563eb}.ticket-status-resolved{color:#047857;background:linear-gradient(135deg,#d1fae5,#10b981);border:1px solid #059669}.assignment-info-box{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #d1d5db;border-radius:6px;margin-top:8px;padding:12px}.assignment-info-box.assigned{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#0ea5e9}.assignment-info-box.unassigned{background:linear-gradient(135deg,#fefbf3,#fef3c7);border-color:#f59e0b}.assignment-info-box .assignment-title{color:#1f2937;margin-bottom:6px;font-size:.9rem;font-weight:600}.assignment-info-box.assigned .assignment-title{color:#0369a1}.assignment-info-box.unassigned .assignment-title{color:#92400e}.ticket-status-closed{color:#374151;background:linear-gradient(135deg,#f3f4f6,#6b7280);border:1px solid #9ca3af}.ticket-status-urgent{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#ef4444);border:1px solid #f87171;animation:2s infinite urgentPulse}@keyframes urgentPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.ticket-priority-badge{text-transform:capitalize;letter-spacing:.3px;border-radius:16px;padding:.3rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.ticket-priority-high{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fca5a5);border:1px solid #f87171}.ticket-priority-medium{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fcd34d);border:1px solid #f59e0b}.ticket-priority-low{color:#059669;background:linear-gradient(135deg,#ecfdf5,#86efac);border:1px solid #34d399}.ticket-priority-normal{color:#0284c7;background:linear-gradient(135deg,#e0f2fe,#7dd3fc);border:1px solid #38bdf8}.all-tickets-table .ticket-action-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.all-tickets-table .ticket-action-btn{color:#6366f1;cursor:pointer;text-transform:capitalize;letter-spacing:.3px;background:linear-gradient(135deg,#fff 0%,#f8faff 100%);border:2px solid #6366f1;border-radius:12px;padding:.4rem .8rem;font-size:.8rem;font-weight:600;transition:all .3s;box-shadow:0 2px 4px #6366f133}.all-tickets-table .ticket-action-btn:hover{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);transform:translateY(-2px);box-shadow:0 6px 12px #6366f166}.all-tickets-table .ticket-view-btn{color:#10b981;border-color:#10b981}.all-tickets-table .ticket-view-btn:hover{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 6px 12px #10b98166}.all-tickets-table .ticket-edit-btn{color:#f59e0b;border-color:#f59e0b}.all-tickets-table .ticket-edit-btn:hover{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 6px 12px #f59e0b66}.all-tickets-table .ticket-delete-btn{color:#ef4444;border-color:#ef4444}.all-tickets-table .ticket-delete-btn:hover{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 6px 12px #ef444466}.all-tickets-table tr:last-child td{border-bottom:none}.all-tickets-table tr:last-child td:first-child{border-bottom-left-radius:16px}.all-tickets-table tr:last-child td:last-child{border-bottom-right-radius:16px}.all-tickets-stats{flex-wrap:wrap;justify-content:space-around;gap:1rem;margin-bottom:2rem;display:flex}.stat-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6 0%,#f8faffe6 100%);border:1px solid #ffffff4d;border-radius:16px;flex:1;min-width:150px;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 6px 20px #6366f126}.stat-card:before{content:"";background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899,#f59e0b);height:4px;position:absolute;top:0;left:0;right:0}.stat-card .stat-number{background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.stat-card .stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}@media (width<=1024px){.all-tickets-view{padding:1.5rem 1rem}.all-tickets-table-container{padding:1.5rem;overflow-x:auto}.all-tickets-table{min-width:800px}.all-tickets-table th,.all-tickets-table td{padding:.8rem .6rem;font-size:.85rem}}@media (width<=768px){.all-tickets-view h2{margin-bottom:1.5rem;font-size:2rem}.all-tickets-stats{flex-direction:column}.stat-card{margin-bottom:1rem}.all-tickets-table th,.all-tickets-table td{padding:.6rem .4rem;font-size:.8rem}.ticket-action-buttons{flex-direction:column}.all-tickets-table .ticket-action-btn{padding:.3rem .6rem;font-size:.75rem}}.dashboard-activity-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dashboard-activity-status{color:#16a34a;align-items:center;gap:8px;font-size:.875rem;font-weight:500;display:flex}.activity-indicator{background-color:#16a34a;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.dashboard-activity-loading{color:#6b7280;justify-content:center;align-items:center;gap:12px;padding:40px;font-style:italic;display:flex}.loading-spinner{animation:1s linear infinite spin}.dashboard-activity-list-item{background-color:#f9fafb;border-left:3px solid #0000;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:8px;padding:12px 16px;transition:all .2s;display:flex}.dashboard-activity-list-item:hover{background-color:#f3f4f6;border-left-color:#3b82f6;transform:translate(2px)}.activity-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;display:flex}.activity-icon-created{color:#16a34a;background-color:#dcfce7;border-radius:50%;padding:4px}.activity-icon-updated{color:#f59e0b;background-color:#fef3c7;border-radius:50%;padding:4px}.activity-icon-deleted{color:#dc2626;background-color:#fee2e2;border-radius:50%;padding:4px}.activity-content{flex:1;min-width:0}.activity-text{color:#374151;margin-bottom:4px;font-size:.875rem;line-height:1.4}.activity-text strong{color:#1f2937;font-weight:600}.activity-time{color:#6b7280;font-size:.75rem;font-style:italic}.dashboard-activity-empty{background-color:#f9fafb;border:2px dashed #d1d5db;justify-content:center;padding:40px}.activity-empty-message{color:#6b7280;flex-direction:column;align-items:center;gap:8px;font-style:italic;display:flex}.activity-empty-message svg{opacity:.5;font-size:2rem}.dashboard-activity-footer{text-align:center;margin-top:16px}.activity-view-all-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.activity-view-all-btn:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}@media (width<=768px){.dashboard-activity-header{flex-direction:column;align-items:flex-start;gap:8px}.dashboard-activity-list-item{gap:10px;padding:10px 12px}.activity-text{font-size:.8rem}.activity-time{font-size:.7rem}}.audit-logs-view{background-color:#fff;max-width:1200px;min-height:100vh;margin:0 auto;padding:24px}.audit-logs-header{border-bottom:2px solid #e5e7eb;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;display:flex}.audit-logs-title-section{flex:1}.back-btn{color:#374151;cursor:pointer;background-color:#f3f4f6;border:none;border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 16px;font-size:.875rem;transition:all .2s;display:inline-flex}.back-btn:hover{background-color:#e5e7eb;transform:translate(-2px)}.audit-logs-title{color:#1f2937;margin:0 0 8px;font-size:2.5rem;font-weight:700}.audit-logs-subtitle{color:#6b7280;margin:0;font-size:1.125rem}.audit-logs-actions{gap:12px;display:flex}.refresh-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:6px;align-items:center;gap:8px;padding:12px 20px;font-weight:500;transition:all .2s;display:inline-flex}.refresh-btn:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:1s linear infinite spin}.audit-logs-filters{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px}.filter-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.filter-group{align-items:center;min-width:200px;display:flex;position:relative}.filter-icon{color:#6b7280;z-index:1;pointer-events:none;position:absolute;left:12px}.filter-input,.filter-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px 10px 36px;font-size:.875rem;transition:all .2s}.filter-input:focus,.filter-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.search-input{min-width:300px}.clear-filters-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#6b7280;border:none;border-radius:6px;padding:10px 16px;font-size:.875rem;transition:all .2s}.clear-filters-btn:hover{background-color:#4b5563}.audit-logs-summary{background-color:#f0f9ff;border-left:4px solid #3b82f6;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 20px;display:flex}.results-count{color:#1e40af;font-weight:600}.live-indicator{color:#16a34a;align-items:center;gap:8px;font-size:.875rem;font-weight:500;display:flex}.indicator-dot{background-color:#16a34a;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.audit-logs-content{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.audit-logs-error,.audit-logs-loading,.audit-logs-empty{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.audit-logs-error{color:#dc2626}.audit-logs-error svg,.audit-logs-loading svg,.audit-logs-empty svg{opacity:.5;margin-bottom:16px;font-size:3rem}.audit-logs-error h3,.audit-logs-empty h3{color:inherit;margin:0 0 8px}.audit-logs-error button,.audit-logs-empty button{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:6px;margin-top:16px;padding:10px 20px;transition:background-color .2s}.audit-logs-error button:hover,.audit-logs-empty button:hover{background-color:#2563eb}.audit-logs-list{padding:0}.audit-log-item{border-bottom:1px solid #f3f4f6;gap:16px;padding:20px 24px;transition:background-color .2s;display:flex}.audit-log-item:hover{background-color:#f9fafb}.audit-log-item:last-child{border-bottom:none}.log-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.log-content{flex:1;min-width:0}.log-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.log-action{color:#374151;font-size:.95rem;line-height:1.4}.log-action strong{color:#1f2937;font-weight:600}.log-action em{color:#3b82f6;font-style:normal;font-weight:500}.log-timestamp{color:#6b7280;white-space:nowrap;margin-left:16px;font-size:.8rem}.log-changes{background-color:#f9fafb;border-left:3px solid #e5e7eb;border-radius:6px;margin-top:12px;padding:12px}.log-changes strong{color:#374151;margin-bottom:8px;font-size:.875rem;display:block}.changes-list{flex-direction:column;gap:4px;display:flex}.change-item{color:#6b7280;flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;display:flex}.change-item strong{color:#374151;min-width:80px;font-weight:500}.old-value{color:#dc2626;background-color:#fee2e2;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.75rem}.new-value{color:#16a34a;background-color:#dcfce7;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.75rem}.audit-logs-pagination{border-top:1px solid #f3f4f6;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex}.pagination-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:6px;padding:10px 16px;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:#2563eb}.pagination-btn:disabled{cursor:not-allowed;background-color:#9ca3af}.pagination-info{color:#374151;font-weight:500}@media (width<=768px){.audit-logs-view{padding:16px}.audit-logs-header{flex-direction:column;gap:16px}.audit-logs-title{font-size:2rem}.filter-row{flex-direction:column;align-items:stretch}.filter-group,.search-input{min-width:unset}.audit-logs-summary{flex-direction:column;align-items:flex-start;gap:8px}.log-header{flex-direction:column;gap:8px}.log-timestamp{margin-left:0}.change-item{flex-direction:column;align-items:flex-start;gap:4px}.audit-logs-pagination{flex-direction:column;gap:12px}}.back-btn-fixed{color:#fff;cursor:pointer;z-index:1000;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:all .3s;display:flex;position:fixed;top:20px;left:20px;box-shadow:0 4px 12px #667eea4d}.back-btn-fixed:hover{background:linear-gradient(90deg,#5a6fd8 0%,#6a4190 100%);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.back-btn-fixed:active{transform:translateY(0);box-shadow:0 2px 8px #667eea33}.ticket-form-container{background:#f3f4f6;justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 20px;display:flex}.ticket-form{background:#fff;border-radius:16px;flex-direction:column;gap:28px;width:100%;max-width:900px;padding:32px 40px;animation:.4s ease-in-out fadeUp;display:flex;box-shadow:0 10px 30px #00000014}.form-header{border-bottom:2px solid #f1f5f9;margin-bottom:16px;padding-bottom:10px}.form-header h2{color:#111827;align-items:center;gap:10px;font-size:1.6rem;font-weight:600;display:flex}.form-header p{color:#6b7280;margin-top:6px;font-size:.95rem}.close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:1.2rem;transition:color .2s}.error-alert{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:.95rem;display:flex}.user-info-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:18px}.user-info-section h3{color:#1f2937;margin-bottom:10px;font-size:1.1rem;font-weight:600}.user-info-grid{color:#374151;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;font-size:.9rem;display:grid}.form-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.form-group{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.form-group input[type=text],.form-group textarea,.form-group select{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;padding:10px 14px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-hint{color:#6b7280;align-items:center;gap:5px;font-size:.85rem;display:flex}.priority-options{flex-wrap:wrap;gap:12px;display:flex}.priority-option{cursor:pointer;border:2px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;transition:all .2s;display:flex}.priority-option.selected{background:#f3f4ff;border-color:#2563eb}.priority-indicator{border-radius:50%;width:10px;height:10px}.routing-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.routing-section h3{color:#1f2937;margin-bottom:6px;font-size:1.1rem;font-weight:600}.routing-section p{color:#6b7280;margin-bottom:14px;font-size:.9rem}.routing-options{flex-direction:column;gap:12px;display:flex}.routing-option{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;gap:12px;padding:14px 18px;transition:all .25s;display:flex}.routing-option.selected{background:#f3f4ff;border-color:#2563eb}.routing-content{flex:1}.routing-header{color:#1f2937;align-items:center;gap:8px;margin-bottom:4px;font-weight:500;display:flex}.routing-description{color:#6b7280;font-size:.88rem}.form-actions{justify-content:flex-end;margin-top:20px;display:flex}.submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:.95rem;font-weight:600;transition:background .2s;display:flex}.submit-btn:hover{background:#1e40af}.submit-btn:disabled{cursor:not-allowed;background:#9ca3af}.file-info{color:#374151;background:#f3f4f6;border-radius:6px;margin-top:6px;padding:8px 12px;font-size:.85rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.ticket-form{padding:20px}.form-header h2{font-size:1.3rem}.user-info-grid{grid-template-columns:1fr}.routing-option{flex-direction:column}}.ticket-summary-report{padding:2rem}.report-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.report-filters{align-items:center;gap:.5rem;display:flex}.report-filters button{cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.5rem 1rem;transition:background-color .2s,color .2s}.report-filters button.active{color:#fff;background-color:#1976d2;border-color:#1976d2}.report-filters button:hover:not(.active){background-color:#f3f4f6}.refresh-btn{margin-left:1rem}.summary-cards-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.summary-card{color:#fff;text-align:center;border-radius:8px;padding:1.5rem}.summary-card.open{background:#ef4444}.summary-card.in-progress{background:#f59e0b}.summary-card.closed{background:#22c55e}.card-icon{margin-bottom:.5rem;font-size:2rem}.card-value{font-size:2.5rem;font-weight:700}.card-label{font-size:1rem}.chart-container{background:#fff;border-radius:8px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 6px #0000001a}.ticket-history-container h3{margin-bottom:1rem}.ticket-history-container table{border-collapse:collapse;background:#fff;width:100%}.ticket-history-container th{background-color:#f9fafb;font-weight:600}.notification-settings-page{max-width:900px;margin:0 auto;padding:2rem}.notification-settings-page h1{border-bottom:2px solid #eee;margin-bottom:.5rem;padding-bottom:1rem}.notification-settings-page p{color:#666;margin-bottom:2rem}.settings-group{margin-bottom:2.5rem}.settings-group h2{color:#1976d2;margin-bottom:1rem;font-size:1.25rem}.settings-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000d}.table-header,.table-row{grid-template-columns:3fr 1fr 1fr;align-items:center;padding:1rem;display:grid}.table-header{color:#374151;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;font-weight:600}.table-row:not(:last-child){border-bottom:1px solid #e5e7eb}.event-label{font-size:.95rem}.channel-label{justify-content:center;align-items:center;gap:.5rem;display:flex}.channel-toggle{justify-content:center;display:flex}.switch{width:50px;height:28px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:20px;height:20px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translate(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.save-button-container{text-align:right;margin-top:2rem}.save-button-container button{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:1rem;display:inline-flex}.save-button-container button:disabled{cursor:not-allowed;background-color:#9ca3af}.spin{animation:1s linear infinite spin}.success-message,.error-message{border-radius:6px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem;display:flex}.success-message{color:#166534;background-color:#dcfce7}.error-message{color:#991b1b;background-color:#fee2e2}.priority-filters{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:2rem;display:flex}.priority-filters button{cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:20px;padding:.5rem 1.2rem;font-weight:500;transition:all .2s}.priority-filters button.active{color:#fff;background-color:#1976d2;border-color:#1976d2}.priority-filters button:hover:not(.active){background-color:#f3f4f6;border-color:#9ca3af}.ticket-history-container{margin-top:2rem}.priority-badge{color:#fff;border-radius:12px;padding:.2rem .6rem;font-size:.8rem;font-weight:600}.priority-low{background-color:#22c55e}.priority-medium{background-color:#f59e0b}.priority-high{background-color:#ea580c}.priority-urgent{background-color:#dc2626}.category-badge{color:#4338ca;background-color:#eef2ff;border-radius:12px;padding:.2rem .6rem;font-size:.8rem;font-weight:600}.ticket-history-container th,.ticket-history-container td{text-align:left;border-bottom:1px solid #e5e7eb;padding:.75rem 1rem}.priority-report-page{padding:2rem}.report-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.report-filters-group{background-color:#f9fafb;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;display:flex}.report-filters-group>svg{color:#6b7280;margin-right:.5rem}.report-filters-group button{cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:flex}.report-filters-group button.active{color:#fff;background-color:#1976d2;border-color:#1976d2}.report-filters-group button:hover:not(.active){background-color:#e5e7eb}.chart-container-priority{background:#fff;border-radius:12px;max-width:800px;margin:0 auto 3rem;padding:2rem;box-shadow:0 4px 12px #00000014}.table-wrapper{overflow-x:auto}.ticket-history-container table{border-collapse:collapse;width:100%}.ticket-history-container th,.ticket-history-container td{text-align:left;border-bottom:1px solid #e5e7eb;padding:.75rem 1rem;font-size:.9rem}.ticket-history-container th{background-color:#f9fafb}.no-data{text-align:center;color:#6b7280;padding:2rem}.sla-summary-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.summary-card.sla-met{background:#22c55e}.summary-card.sla-breached{background:#dc2626}.summary-card.sla-pending{background:#f59e0b}.summary-card.sla-avg-res,.summary-card.sla-avg-frt{background:#3b82f6}.sla-badge{color:#fff;border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.sla-badge-met{background-color:#22c55e}.sla-badge-breached,.sla-badge-pending-breached{background-color:#dc2626}.sla-badge-pending{background-color:#f59e0b}.sla-badge-no-sla-defined{background-color:#6b7280}.sla-row-breached,.sla-row-pending-breached{background-color:#fee2e2}.sla-row-met{background-color:#dcfce7}.loading-placeholder{background:#f0f0f0;border-radius:4px;animation:1.5s ease-in-out infinite alternate pulse;display:inline-block}.feature-card{cursor:pointer;border-radius:8px;min-height:120px;margin:10px;padding:20px;transition:all .3s;position:relative;box-shadow:0 2px 4px #0000001a}.feature-card.accessible{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border:2px solid #22c55e}.feature-card.accessible:hover{transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.feature-card.restricted{opacity:.7;cursor:not-allowed;background:linear-gradient(135deg,#fef2f2 0% 100%);border:2px solid #ef4444}.feature-card.restricted:hover{transform:none;box-shadow:0 2px 4px #ef444433}.feature-icon{margin-bottom:12px;font-size:32px;display:block}.feature-title{color:#111827;margin-bottom:8px;font-size:18px;font-weight:600}.feature-description{color:#6b7280;font-size:14px;line-height:1.4}.permission-badge{color:#fff;background:#ef4444;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:500;position:absolute;top:8px;right:8px}.permission-allowed{opacity:1;cursor:pointer;transition:all .2s}.permission-denied{opacity:.6;cursor:not-allowed;filter:grayscale(.3)}.permission-denied:hover{box-shadow:none!important;transform:none!important}.nav-item.accessible{opacity:1;cursor:pointer}.nav-item.restricted{opacity:.6;cursor:not-allowed;position:relative}.permission-indicator{margin-left:8px;font-size:12px}.user-role-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;align-items:center;gap:8px;margin-right:12px;padding:6px 12px;display:flex}.user-role-badge{color:#1f2937;background:#ffffffe6;border:1px solid #0000001a;border-radius:12px;padding:4px 10px;font-size:13px;font-weight:500}.admin-indicator{color:#92400e;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border:1px solid #f59e0b;border-radius:10px;padding:3px 8px;font-size:12px;font-weight:600}.dashboard-features-overview{background:#fff;border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 1px 3px #0000001a}.dashboard-features-overview h3{color:#1f2937;margin:0 0 16px;font-size:18px;font-weight:600}.features-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.feature-overview-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:10px;padding:12px 16px;transition:all .2s;display:flex}.feature-overview-card:hover{background:#f3f4f6;border-color:#d1d5db}.feature-overview-card .feature-icon{margin:0;font-size:20px}.feature-overview-card .feature-name{color:#374151;flex:1;font-size:14px;font-weight:500}.feature-overview-card .access-indicator{font-size:16px}.features-loading{text-align:center;color:#6b7280;padding:40px;font-size:14px}.no-features{text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:40px}.no-features p{color:#dc2626;margin:0;font-size:14px}.dashboard-feature-cards .feature-card.restricted{opacity:.7;cursor:not-allowed;background:#f8f9fa!important;border:2px dashed #dee2e6!important}.dashboard-feature-cards .feature-card.restricted .feature-card-icon{color:#adb5bd!important}.dashboard-feature-cards .feature-card.restricted .feature-card-value{font-size:1.2rem;color:#6c757d!important}.dashboard-feature-cards .feature-card.restricted .permission-notice{color:#dc3545;text-align:center;margin-top:.5rem;font-size:.85rem;font-weight:600}.access-denied-view{justify-content:center;align-items:center;min-height:60vh;padding:2rem;display:flex}.access-denied-container{text-align:center;background:#fff;border:2px solid #fee2e2;border-radius:12px;max-width:500px;padding:3rem;box-shadow:0 4px 6px #00000012}.access-denied-container h2{color:#dc2626;margin-bottom:1rem;font-size:1.8rem}.access-denied-container p{color:#6b7280;margin-bottom:.5rem;line-height:1.6}.user-profile-section{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:.5rem 1rem}.username-display{white-space:nowrap;text-overflow:ellipsis;max-width:120px;display:inline-block;overflow:hidden}.role-badge{white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.route-guard-loading{color:#666;background:#fff;border-radius:8px;justify-content:center;align-items:center;height:200px;margin:20px;font-size:16px;display:flex;box-shadow:0 1px 3px #0000001a}.route-access-denied{text-align:center;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:400px;margin:20px;padding:40px;display:flex;box-shadow:0 1px 3px #0000001a}.route-access-denied h2{color:#dc3545;margin-bottom:16px;font-size:24px;font-weight:600}.route-access-denied p{color:#666;max-width:400px;margin-bottom:20px;line-height:1.5}.route-access-denied button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;margin-top:20px;padding:10px 20px;font-size:14px;transition:background-color .2s}.route-access-denied button:hover{background-color:#0056b3}.sidebar-list-btn.permission-restricted{opacity:.5;cursor:not-allowed;position:relative}.sidebar-list-btn.permission-restricted:after{content:"🔒";font-size:12px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.permission-alert{z-index:10000;background:#fee2e2;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:6px;max-width:400px;padding:16px 20px;animation:.3s ease-out slideInRight;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #00000026}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.permission-alert .alert-title{color:#dc2626;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;display:flex}.permission-alert .alert-message{color:#7f1d1d;font-size:14px;line-height:1.4}@media (width<=768px){.features-grid{grid-template-columns:1fr}.feature-card{margin:5px 0}.user-role-display{flex-direction:column;gap:4px}.dashboard-features-overview{margin:10px;padding:15px}}@media (prefers-color-scheme:dark){.feature-card.accessible{background:linear-gradient(135deg,#064e3b 0%,#065f46 100%);border-color:#10b981}.feature-card.restricted{background:linear-gradient(135deg,#7f1d1d 0%,#991b1b 100%);border-color:#dc2626}.feature-title{color:#f9fafb}.feature-description{color:#d1d5db}.dashboard-features-overview{color:#f9fafb;background:#1f2937}.feature-overview-card{background:#374151;border-color:#4b5563}.feature-overview-card:hover{background:#4b5563}}.sidebar.sidebar-collapsed .sidebar-list-btn,.sidebar.sidebar-collapsed .sidebar-list-btn-expand,.sidebar.sidebar-collapsed .sidebar-list-btn-sub{justify-content:flex-end;width:48px;min-width:48px;padding:0}.sidebar.sidebar-collapsed .sidebar-list-btn span,.sidebar.sidebar-collapsed .sidebar-list-btn-expand span,.sidebar.sidebar-collapsed .sidebar-list-btn-sub span,.sidebar.sidebar-collapsed .sidebar-list-btn .sidebar-list-btn-label,.sidebar.sidebar-collapsed .sidebar-list-btn-expand .sidebar-list-btn-label,.sidebar.sidebar-collapsed .sidebar-list-btn-sub .sidebar-list-btn-label{display:none!important}.back-btn,.back-btn-container button,button.back-btn{color:inherit;box-shadow:none!important;background:0 0!important}button:not(.sidebar-list-btn):not(.nav-button):not(.sidebar-list-btn-expand):not(.sidebar-list-btn-sub){border:none;font-weight:600;transition:background .18s,color .18s;color:#fff!important;background-color:#493bbe!important}button:not(.sidebar-list-btn):not(.nav-button):not(.sidebar-list-btn-expand):not(.sidebar-list-btn-sub):hover{color:#fff!important;background-color:#21867a!important}form,form label,form input,form select,form textarea,.form-group,.form-title,.form-description,.form-label,.form-labelid,.input-label,.input-field,.select-field{color:#111!important}.profile-cards-container{flex-wrap:wrap;gap:2rem;margin-top:24px;display:flex}.profile-card{text-align:center;color:#fff;background:#2e70f2;border-radius:12px;flex:220px;margin-bottom:18px;padding:1.5rem;transition:color .18s,background .18s;box-shadow:0 2px 8px #00000012}.profile-card-title,.profile-card-value{color:#fff;transition:color .18s}.profile-card:hover,.profile-card:hover .profile-card-title,.profile-card:hover .profile-card-value{color:#111}.profile-card-title{color:#ff9800;margin-bottom:10px;font-size:1.2rem;font-weight:700}.profile-card-value{color:#ff9800;margin-bottom:8px;font-size:2.1rem;font-weight:800}.department-card-active{border:2px solid #2a9d8f;box-shadow:0 2px 12px #2a9d8f21;color:#1976d2!important;background:#e0f7fa!important}.ticket-action-menu button.ticket-view-btn{color:#22c55e}.ticket-action-menu button.ticket-view-btn:hover{color:#16a34a;background:#e0f7fa}.view-container,.all-tickets-view,.all-branches-view{background:#fff;border-radius:12px;max-width:1100px;margin:24px auto;padding:32px 24px;box-shadow:0 2px 12px #00000012}.view-container h3,.all-tickets-view h2,.all-branches-view h2{color:#2d3748;margin-bottom:18px;font-size:1.7rem;font-weight:700}.user-modal-table,.tickets-table,.table{border-collapse:collapse;background:#fafbfc;border-radius:8px;width:100%;margin-bottom:18px;overflow:hidden}.user-modal-table th,.tickets-table th,.table th{color:#374151;background:#f3f4f6;border-bottom:2px solid #e5e7eb;padding:12px 10px;font-weight:600}.user-modal-table td,.tickets-table td,.table td{border-bottom:1px solid #e5e7eb;padding:10px 8px;font-size:15px}.user-modal-table tr:last-child td,.tickets-table tr:last-child td,.table tr:last-child td{border-bottom:none}.departments-list-container{background:#fff;border-radius:12px;max-width:1100px;margin:24px auto;padding:32px 24px;box-shadow:0 2px 12px #00000012}.departments-list-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:18px;display:grid}@media (width<=768px){.departments-list-grid{grid-template-columns:1fr;gap:1rem}.department-card-ui{min-width:100%;padding:1.5rem 1.2rem}.department-card-header{flex-direction:column;align-items:flex-start;gap:8px}.department-card-branch{white-space:normal;max-width:100%;text-overflow:unset;overflow:visible}}.department-card-ui{color:#1976d2;box-sizing:border-box;background:#e0f7fa;border:3px solid #2a9d8f;border-radius:14px;flex-direction:column;min-width:280px;min-height:200px;padding:2.2rem 1.7rem;transition:box-shadow .18s,transform .18s,background .18s,border .18s;display:flex;position:relative;box-shadow:0 2px 10px #2a9d8f1a}.department-card-ui:hover{background:#b2dfdb;border-color:#2a9d8f;transform:translateY(-4px)scale(1.03);box-shadow:0 6px 24px #2a9d8f2e}.department-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px;display:flex}.department-card-title{color:#2a9d8f;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;flex:1;max-width:100%;font-size:1.3rem;font-weight:700;line-height:1.3}.department-card-branch{color:#ff9800;white-space:nowrap;text-overflow:ellipsis;background:#fff3e0;border-radius:6px;flex-shrink:0;max-width:120px;padding:4px 8px;font-size:.9rem;font-weight:600;overflow:hidden}.department-card-body{color:#1976d2;overflow-wrap:break-word;word-wrap:break-word;flex:1;margin-top:8px;font-size:.95rem}.department-card-body div{word-wrap:break-word;overflow-wrap:break-word;margin-bottom:8px;line-height:1.4}.department-card-body strong{color:#2a9d8f;font-weight:600}.ticket-action-btn{cursor:pointer;color:#1976d2;background:0 0;border:none;padding:0 6px;font-size:1.5rem;transition:color .18s}.ticket-action-btn:hover{color:#1565c0}.ticket-action-menu{z-index:9999;white-space:nowrap;background:#fff;border:1px solid #d0d7de;border-radius:10px;min-width:170px;max-height:300px;margin-top:4px;padding:6px 0;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 6px 20px #1976d226}.ticket-action-menu button{text-align:left;color:#1976d2;cursor:pointer;background:0 0;border:none;width:100%;padding:12px 20px;font-size:15px;font-weight:600;transition:background .15s,color .15s;display:block}.ticket-action-menu button:hover{color:#1565c0;background:#e3eafc}.ticket-action-menu button:last-child{color:#e53935}.ticket-action-menu button:last-child:hover{color:#b71c1c;background:#ffebee}.action-panel{background:#f6f8fa;border-top:1px solid #e0e0e0;border-radius:0 0 8px 8px;padding:18px 24px}.view-loading,.view-error{color:#6366f1;text-align:center;padding:18px;font-size:1.1rem}.view-error{color:#e53935}.company-profile-section{margin-bottom:1.5rem}.company-profile-section ul{margin:8px 0 0;padding-left:20px}.company-profile-section li{word-wrap:break-word;overflow-wrap:break-word;max-width:100%;margin-bottom:6px;line-height:1.4}.dashboard-tickets-list-department{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;vertical-align:top;max-width:180px;display:inline-block}.dashboard-tickets-list-item{word-wrap:break-word;overflow-wrap:break-word;justify-content:space-between;align-items:flex-start;margin-bottom:8px;padding:4px 0;display:flex}.dashboard-tickets-list-count{color:#2563eb;flex-shrink:0;margin-left:8px;font-weight:600}.user-count-badge{color:#fff;text-align:center;background:#2563eb;border-radius:12px;min-width:20px;margin-left:8px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.notification-badge{color:#fff;text-align:center;background:#ef4444;border-radius:12px;min-width:20px;margin-left:8px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.user-modal-table td,.tickets-table td,.table td{word-wrap:break-word;overflow-wrap:break-word;max-width:200px}@media (width<=700px){.view-container,.all-tickets-view,.all-branches-view{max-width:100%;padding:16px 6px}.user-modal-table th,.tickets-table th,.table th,.user-modal-table td,.tickets-table td,.table td{max-width:150px;padding:7px 4px;font-size:13px}}.pending-users-container{max-width:1200px;margin:0 auto;padding:20px}.user-card.pending{background:linear-gradient(135deg,#fff8e1,#fff);border-color:#ff9800}.user-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.user-avatar{color:#fff;background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-right:15px;font-size:20px;display:flex}.user-meta{flex-direction:column;gap:5px;display:flex}.user-meta span{color:#666;align-items:center;gap:6px;font-size:14px;display:flex}.pending-badge{font-weight:500;color:#ff9800!important}.action-buttons{justify-content:flex-end;gap:10px;display:flex}.approve-btn,.reject-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:100px;padding:8px 16px;font-weight:500;transition:all .3s;display:flex}.approve-btn{color:#fff;background:linear-gradient(135deg,#4caf50,#43a047)}.approve-btn:hover:not(:disabled){background:linear-gradient(135deg,#43a047,#388e3c);transform:translateY(-1px)}.reject-btn{color:#fff;background:linear-gradient(135deg,#f44336,#e53935)}.reject-btn:hover:not(:disabled){background:linear-gradient(135deg,#e53935,#d32f2f);transform:translateY(-1px)}.approve-btn:disabled,.reject-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-content{color:#000;background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.approval-modal{animation:.3s modalSlideIn}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;padding:4px;font-size:18px;transition:all .2s}.modal-close:hover{color:#333;background:#f5f5f5}.user-summary{background:#f8f9fa;border-radius:8px;align-items:center;gap:12px;margin-bottom:24px;padding:16px;display:flex}.user-summary svg{color:#007bff}.user-summary h4{color:#333;margin:0}.user-summary p{color:#666;margin:4px 0 0;font-size:14px}.approval-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#000;align-items:center;gap:8px;font-weight:500;display:flex}.form-group select{border:2px solid #e0e0e0;border-radius:8px;padding:12px;font-size:14px;transition:border-color .3s}.form-group select:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff1a}.cancel-btn{color:#666;cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:6px;padding:10px 20px;font-weight:500;transition:all .3s}.loading-container,.error-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.error-container{color:#f44336}.error-message{margin-bottom:16px;font-size:16px}@media (width<=768px){.users-grid{grid-template-columns:1fr}.user-card{padding:16px}.action-buttons{flex-direction:column}.modal-content{width:95%;margin:20px}.modal-body{padding:20px}}.role-management-container{max-width:1400px;margin:0 auto;padding:20px}.section-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:30px;display:flex}.section-header h2{color:#333;align-items:center;margin-bottom:10px;display:flex}.section-header p{color:#666;margin-bottom:20px}.primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-weight:500;transition:all .3s;display:flex}.primary-btn:hover{background:linear-gradient(135deg,#1976d2,#1565c0);transform:translateY(-1px);box-shadow:0 4px 12px #2196f34d}.roles-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:30px;display:grid}.role-card{background:#fff;border:2px solid #0000;border-radius:12px;padding:20px;transition:all .3s;position:relative;box-shadow:0 2px 8px #0000001a}.role-card:hover{border-color:#e3f2fd;transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.role-info{align-items:flex-start;margin-bottom:15px;display:flex}.role-icon{color:#fff;background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;margin-right:15px;display:flex}.role-details h3{color:#333;margin:0 0 8px;font-size:18px}.role-details p{color:#666;margin:0 0 8px;font-size:14px;line-height:1.4}.role-meta{color:#888;align-items:center;gap:6px;font-size:13px;display:flex}.role-actions{justify-content:flex-end;gap:8px;display:flex}.edit-btn,.permission-btn,.delete-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.edit-btn{color:#fff;background:linear-gradient(135deg,#ff9800,#f57c00)}.edit-btn:hover{background:linear-gradient(135deg,#f57c00,#ef6c00)}.permission-btn{color:#fff;background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.permission-btn:hover{background:linear-gradient(135deg,#7b1fa2,#6a1b9a)}.delete-btn{color:#fff;background:linear-gradient(135deg,#f44336,#e53935)}.delete-btn:hover{background:linear-gradient(135deg,#e53935,#d32f2f)}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;animation:.3s modalSlideIn;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.permission-modal{max-width:700px}.modal-body{padding:24px}.form-group input,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:14px;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:#2196f3;outline:none;box-shadow:0 0 0 3px #2196f31a}.form-group textarea{resize:vertical;min-height:80px}.permissions-list{flex-direction:column;gap:20px;margin-top:20px;display:flex}.permission-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:16px}.permission-info h4{color:#333;margin:0 0 4px;font-size:16px}.permission-levels{flex-wrap:nowrap;gap:12px;margin-top:12px;display:flex}.permission-level{cursor:pointer;text-align:center;background:#fff;border:2px solid #ddd;border-radius:8px;flex:1;align-items:center;min-width:0;padding:8px 10px;transition:all .3s;display:flex}.permission-level:hover{background:#f8f9fa}.permission-level.selected{background:#f8f9fa;box-shadow:0 2px 8px #0000001a}.permission-level input{display:none}.level-content{justify-content:center;align-items:center;gap:6px;width:100%;font-size:13px;font-weight:500;display:flex}.modal-footer{border-top:2px solid #f5f5f5;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.save-btn:hover{background:linear-gradient(135deg,#43a047,#388e3c);transform:translateY(-1px)}@media (width<=768px){.roles-grid{grid-template-columns:1fr}.role-card{padding:16px}.permission-levels{flex-direction:column}.permission-level{min-width:auto}.modal-content{width:95%;margin:20px}.modal-body{padding:20px}.section-header{text-align:left;align-items:flex-start}}.filters-section{background:#fff;border:1px solid #e6e9ef;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:600px;margin:0 auto 1.5rem;padding:1rem 1.5rem;display:flex;box-shadow:0 2px 10px #0000000d}.search-box{background:#f7f9fc;border-radius:10px;flex:300px;align-items:center;gap:.6rem;padding:.6rem 1rem;transition:all .2s ease-in-out;display:flex}.search-box svg{color:#6b7280;margin-left:15px;font-size:1.1rem}.search-box input{color:#1f2937;background:0 0;border:none;outline:none;width:100%;font-family:Inter,system-ui,sans-serif;font-size:.95rem}.search-box:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.filter-controls{flex-wrap:wrap;justify-content:flex-end;gap:.8rem;display:flex}.filter-controls select{color:#374151;cursor:pointer;background:#f7f9fc;border:1px solid #dfe3eb;border-radius:10px;min-width:160px;padding:.6rem .8rem;font-family:Inter,system-ui,sans-serif;font-size:.9rem;transition:all .2s ease-in-out}.filter-controls select:hover{background:#fff;border-color:#3b82f6}.filter-controls select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}@media (width<=768px){.filters-section{flex-direction:column;align-items:stretch}.search-box{width:100%}.filter-controls{justify-content:space-between;width:100%}.filter-controls select{flex:48%}}@media (width<=480px){.filter-controls select{flex:100%}}.extra-permissions-container{max-width:1400px;margin:0 auto;padding:20px}.section-header{text-align:center;margin-bottom:30px}.section-header h2{color:#333;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.section-header p{color:#666;margin:0}.filters-section{background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:25px;padding:20px;display:flex;box-shadow:0 2px 8px #0000001a}.search-box{flex:1;min-width:300px;position:relative}.search-box svg{color:#666;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input{border:2px solid #e0e0e0;border-radius:8px;width:100%;padding:12px 12px 12px 40px;font-size:14px;transition:border-color .3s}.search-box input:focus{border-color:#9c27b0;outline:none;box-shadow:0 0 0 3px #9c27b01a}.filter-controls{gap:12px;display:flex}.filter-controls select{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:10px 12px;font-size:14px;transition:border-color .3s}.filter-controls select:focus{border-color:#9c27b0;outline:none}.users-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;display:grid}.user-card{background:#fff;border:2px solid #0000;border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 2px 8px #0000001a}.user-card:hover{border-color:#e1bee7;transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.user-info{align-items:flex-start;margin-bottom:15px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#9c27b0,#7b1fa2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;margin-right:15px;display:flex}.user-details h3{color:#333;margin:0 0 6px;font-size:18px}.user-email{color:#666;margin:0 0 8px;font-size:14px}.user-meta{gap:12px;margin-bottom:8px;font-size:13px;display:flex}.username{color:#9c27b0;font-weight:500}.department{color:#666}.user-roles{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.role-badge{color:#1565c0;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:500}.role-badge.small{padding:2px 6px;font-size:10px}.user-actions{justify-content:flex-end;display:flex}.manage-permissions-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9c27b0,#7b1fa2);border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-weight:500;transition:all .3s;display:flex}.manage-permissions-btn:hover{background:linear-gradient(135deg,#7b1fa2,#6a1b9a);transform:translateY(-1px)}.extra-permissions-modal{background:#fff;border-radius:16px;width:90%;max-width:900px;max-height:90vh;animation:.3s modalSlideIn;overflow:hidden;box-shadow:0 20px 60px #0000004d}.modal-header{background:#fafafa;border-bottom:2px solid #f5f5f5;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:#333;margin:0;font-size:20px}.modal-header button{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;padding:4px;font-size:18px;transition:all .2s}.modal-header button:hover{color:#333;background:#e0e0e0}.modal-body{max-height:calc(90vh - 140px);padding:24px;overflow-y:auto}.user-summary{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:25px;padding:20px}.summary-info h4{color:#333;margin:0 0 6px;font-size:18px}.summary-info p{color:#666;margin:0 0 12px}.summary-roles{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.summary-roles strong{color:#333;font-size:14px}.permissions-section{background:#fafafa;border:2px solid #f0f0f0;border-radius:12px;margin-bottom:30px;padding:20px}.permissions-section h4{color:#333;margin:0 0 15px;font-size:16px}.section-title p{color:#666;margin:0 0 15px;font-size:14px}.permission-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.permission-item.readonly{opacity:.8;background:#f8f8f8}.permission-info .permission-name{color:#333;font-weight:500;display:block}.permission-info small{color:#666;font-size:12px}.no-permissions{text-align:center;color:#666;margin:20px 0;font-style:italic}.current-extra-permissions{margin-bottom:25px}.current-extra-permissions h5{color:#333;margin:0 0 12px;font-size:15px}.extra-permissions-list{flex-direction:column;gap:8px;display:flex}.extra-permission-item{background:#e8f5e8;border:1px solid #c8e6c9;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.remove-permission-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f44336,#e53935);border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .3s;display:flex}.remove-permission-btn:hover{background:linear-gradient(135deg,#e53935,#d32f2f)}.add-extra-permission h5{color:#333;margin:0 0 15px;font-size:15px}.permission-selector{background:#fff;border:2px solid #e0e0e0;border-radius:12px;margin-bottom:12px;padding:16px;transition:border-color .3s}.permission-selector:hover{border-color:#9c27b0}.permission-selector .permission-info{margin-bottom:12px}.role-permission-indicator{color:#ff9800;align-items:center;gap:4px;margin-left:8px;font-size:11px;font-weight:500;display:inline-flex}.permission-levels{flex-wrap:nowrap;gap:8px;display:flex}.permission-level-btn{cursor:pointer;background:#fff;border:2px solid;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;padding:8px 10px;font-size:12px;font-weight:500;transition:all .3s;display:flex}.permission-level-btn:hover{background:#0000000d}.modal-footer{background:#fafafa;border-top:2px solid #f5f5f5;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.cancel-btn,.save-btn{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:12px 24px;font-weight:500;transition:all .3s;display:flex}.cancel-btn{color:#666;background:#fff;border:2px solid #ddd}.cancel-btn:hover{color:#333;border-color:#bbb}.save-btn{color:#fff;background:linear-gradient(135deg,#4caf50,#43a047);border:none}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#43a047,#388e3c);transform:translateY(-1px)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.loading-container svg{color:#9c27b0;margin-bottom:16px}.error-container{text-align:center;color:#c62828;background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;margin-bottom:20px;padding:16px}.error-container button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f44336,#e53935);border:none;border-radius:6px;margin-top:10px;padding:8px 16px}.no-data{text-align:center;color:#666;flex-direction:column;align-items:center;padding:60px 20px;display:flex}.no-data svg{margin-bottom:16px}.no-data p{margin:0 0 8px;font-size:18px}.no-data small{color:#999;font-size:14px}@media (width<=768px){.users-grid{grid-template-columns:1fr}.filters-section{flex-direction:column;align-items:stretch}.search-box{min-width:auto}.filter-controls{flex-direction:column}.extra-permissions-modal{width:95%;margin:20px}.permission-levels{flex-direction:column}.permission-level-btn{min-width:auto}.modal-body{padding:20px}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#111928b3;justify-content:center;align-items:center;animation:.3s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.modal-content.extra-permissions-modal{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:700px;padding:24px;animation:.35s ease-out slideUp;display:flex;box-shadow:0 8px 25px #00000026}.modal-header{border-bottom:2px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:10px;display:flex}.modal-header h3{color:#1f2937;align-items:center;gap:8px;font-size:1.3rem;font-weight:600;display:flex}.modal-header button{cursor:pointer;color:#6b7280;background:0 0;border:none;font-size:1.1rem;transition:color .2s}.modal-header button:hover{color:#111827}.modal-body{flex-direction:column;gap:24px;max-height:70vh;padding-right:8px;display:flex;overflow-y:auto}.user-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.summary-info h4{color:#111827;font-size:1.1rem;font-weight:600}.summary-info p{color:#6b7280;font-size:.9rem}.summary-roles{margin-top:6px}.summary-roles strong{color:#374151;margin-right:6px}.role-badge.small{color:#4338ca;background:#eef2ff;border-radius:8px;margin-right:6px;padding:4px 8px;font-size:.8rem}.permissions-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px}.permissions-section h4{color:#111827;margin-bottom:14px;font-size:1.1rem;font-weight:600}.role-permissions{flex-direction:column;gap:10px;display:flex}.permission-item.readonly{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;transition:background .2s;display:flex}.permission-item.readonly:hover{background:#f3f4f6}.permission-info span.permission-name{color:#111827;font-weight:500}.permission-info small{color:#9ca3af;font-size:.8rem;display:block}.permission-level{align-items:center;gap:6px;font-size:.85rem;font-weight:500;display:flex}.no-permissions{text-align:center;color:#6b7280;padding:12px 0;font-size:.9rem}@media (width<=600px){.modal-content.extra-permissions-modal{padding:18px}.summary-info h4,.permissions-section h4{font-size:1rem}}.dashboard-header{background:#fff;border:1px solid #e5e7eb;border-radius:16px;justify-content:space-between;align-items:center;max-width:1200px;margin:20px auto;padding:20px 30px;transition:all .3s ease-in-out;display:flex;box-shadow:0 4px 12px #00000014}.dashboard-header:hover{background-color:#706c6c2c;transform:translateY(-8px);box-shadow:0 6px 18px #0000001f}.dashboard-title{color:#1e293b;letter-spacing:.3px;align-items:center;gap:10px;font-size:1.6rem;font-weight:700;display:flex}.dashboard-title:before{content:"";background:linear-gradient(135deg,#1976d2,#64b5f6);border-radius:10px;width:5px;height:28px;display:inline-block}.dashboard-status{text-align:right}.last-updated{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.95rem;display:inline-flex}.fallback-indicator{color:#f59e0b;margin-left:8px;font-size:1.2rem}@media (width<=768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:10px;padding:16px 20px}.dashboard-title{font-size:1.3rem}.last-updated{font-size:.85rem}}.summary-section{max-width:1200px;margin:40px auto;padding:10px 20px}.section-title{color:#1e293b;text-align:left;margin-bottom:20px;font-size:1.4rem;font-weight:600}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;width:100%;display:grid}.summary-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:18px;flex-direction:column;justify-content:space-between;padding:22px 24px;transition:all .35s;display:flex;transform:translateY(0);box-shadow:0 6px 16px #0000000f}.summary-card:hover{border-color:#1976d2;transform:translateY(-6px);box-shadow:0 10px 24px #0000001f}.summary-card-title{color:#64748b;letter-spacing:.3px;text-transform:uppercase;margin-bottom:10px;font-size:1rem;font-weight:600}.summary-card-value{color:#1e293b;font-size:2.2rem;font-weight:700;transition:color .3s}.summary-card:hover .summary-card-value{color:#1976d2}.summary-card:before{content:"";opacity:0;background:linear-gradient(#1976d2,#64b5f6);border-radius:4px 0 0 4px;width:4px;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.summary-card:hover:before{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.summary-card{animation:.6s forwards fadeInUp}@media (width<=768px){.summary-grid{grid-template-columns:1fr 1fr}.summary-card{padding:16px}.summary-card-value{font-size:1.8rem}}@media (width<=480px){.summary-grid{grid-template-columns:1fr}}.dashboard-container{background:#f7f9fc;min-height:100vh;padding:0}.stats-grid{flex-wrap:wrap;gap:24px;margin-top:24px;display:flex}.stat-card{background:#fff;border-radius:12px;flex-direction:column;align-items:center;min-width:180px;padding:24px 32px;transition:box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000012}.stat-card:hover{box-shadow:0 4px 16px #2196f31f}.stat-icon{margin-bottom:12px;font-size:2.2rem}.stat-value{color:#1976d2;margin-bottom:6px;font-size:2.1rem;font-weight:700}.stat-title{color:#555;text-align:center;font-size:1.1rem}.error-message{color:#d32f2f;text-align:center;background:#fff3f3;border:1px solid #ffcdd2;border-radius:8px;margin:24px 0;padding:16px}.reports-dashboard{background:#f7f9fc;min-height:100vh;padding:32px}.dashboard-title{color:#1976d2;text-align:center;margin-bottom:32px;font-size:2.5rem;font-weight:700}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:40px;display:grid}.summary-card{text-align:center;background:#fff;border-left:4px solid #1976d2;border-radius:12px;padding:32px;transition:all .3s;box-shadow:0 2px 8px #00000012}.summary-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2196f326}.summary-card h2{color:#1976d2;margin:0 0 8px;font-size:2.8rem;font-weight:700}.summary-card p{color:#666;margin:0;font-size:1.1rem;font-weight:500}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px;display:grid}.chart-container{background:#fff;border-radius:12px;padding:32px;transition:box-shadow .3s;box-shadow:0 2px 8px #00000012}.chart-container:hover{box-shadow:0 4px 16px #2196f31f}.chart-container.card{border:1px solid #e0e6ed}.loading-container,.error-container{color:#666;justify-content:center;align-items:center;height:400px;font-size:1.2rem;display:flex}.error-container{color:#d32f2f;background:#fff3f3;border:1px solid #ffcdd2;border-radius:12px;margin:24px}.loading-container{background:#fff;border-radius:12px;margin:24px;box-shadow:0 2px 8px #00000012}@media (width<=768px){.reports-dashboard{padding:16px}.dashboard-title{margin-bottom:24px;font-size:2rem}.summary-grid{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.charts-grid{grid-template-columns:1fr;gap:16px}.chart-container{padding:16px}.summary-card{padding:20px}.summary-card h2{font-size:2.2rem}}.enhanced-user-profile{color:#1a1a2e;max-width:1200px;margin:2rem auto;padding:0 1.5rem;font-family:Inter,system-ui,-apple-system,sans-serif}.profile-header{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:1px solid #ffffff80;border-radius:20px;align-items:center;gap:2rem;margin-bottom:2rem;padding:2.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000a,0 1px 3px #00000005}.profile-header:before{content:"";background:linear-gradient(90deg,#4facfe 0%,#00f2fe 100%);width:100%;height:6px;position:absolute;top:0;left:0}.profile-avatar{flex-shrink:0}.avatar-circle{color:#fff;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:2.5rem;font-weight:700;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 8px 20px #4facfe4d}.profile-header:hover .avatar-circle{transform:scale(1.05)rotate(5deg)}.profile-info h1{letter-spacing:-.5px;color:#111827;margin:0 0 .5rem;font-size:2rem;font-weight:800}.profile-email{color:#6b7280;margin:0 0 1.2rem;font-size:1.1rem}.profile-status{flex-wrap:wrap;gap:.75rem;display:flex}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:50px;padding:.4rem 1rem;font-size:.875rem;font-weight:600;box-shadow:0 2px 5px #0000000d}.status-badge.active{color:#03543f;background:#def7ec;border:1px solid #bcf0da}.status-badge.inactive{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.profile-navigation{scrollbar-width:none;background:#fff;border-radius:12px;gap:.5rem;margin-bottom:2rem;padding:.5rem;display:flex;overflow-x:auto;box-shadow:0 4px 15px #00000008}.profile-navigation::-webkit-scrollbar{display:none}.nav-btn{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.nav-btn:hover{color:#374151;background:#f3f4f6}.nav-btn.active{color:#fff;background:#1e3a8a;box-shadow:0 4px 12px #1e3a8a33}.profile-content{background:#fff;border-radius:20px;min-height:400px;padding:2.5rem;animation:.4s ease-out fadeIn;box-shadow:0 10px 30px #0000000a}.profile-content h2{color:#111827;border-bottom:2px solid #f3f4f6;margin-top:0;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.5rem}.profile-sections{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.profile-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.profile-section:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000008}.profile-fields{flex-direction:column;gap:1rem;display:flex}.profile-field{flex-direction:column;gap:.25rem;display:flex}.profile-field label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:500}.profile-field span{color:#1e293b;font-size:1.1rem;font-weight:500}.roles-list,.teams-list{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.role-badge,.team-badge,.role-tag{color:#4338ca;background:#e0e7ff;border:1px solid #c7d2fe;border-radius:6px;padding:.4rem .8rem;font-size:.875rem;font-weight:600}.permission-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem;display:flex}.permission-name{color:#475569;text-transform:capitalize;font-weight:600}.permission-level{border-radius:4px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.level-full_access{color:#166534;background:#dcfce7}.level-view_only{color:#075985;background:#e0f2fe}.level-no_access{color:#991b1b;background:#fee2e2}.status-indicator{border-radius:4px;padding:.3rem .8rem;font-size:.9rem;font-weight:600;display:inline-block}.status-indicator.active,span.complete{color:#059669;background:#d1fae5}.status-indicator.inactive,span.incomplete{color:#b45309;background:#fef3c7}.no-roles,.no-teams{color:#94a3b8;font-size:.9rem;font-style:italic}.tickets-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.ticket-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;padding:1.5rem;transition:all .3s;display:flex}.ticket-card:hover{border-color:#93c5fd;transform:translateY(-4px);box-shadow:0 10px 25px #3b82f61a}.ticket-header{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.ticket-id{color:#3b82f6;font-family:monospace;font-size:1.1rem;font-weight:700}.ticket-content{flex-grow:1}.ticket-subject{color:#1f2937;margin:0 0 .5rem;font-size:1.25rem;line-height:1.4}.ticket-description{color:#6b7280;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.ticket-meta{color:#9ca3af;border-top:1px solid #f3f4f6;flex-direction:column;gap:.25rem;margin-bottom:1.5rem;padding-top:1rem;font-size:.875rem;display:flex}.ticket-actions .btn{cursor:pointer;border-radius:8px;width:100%;padding:.75rem;font-weight:600;transition:all .2s}.btn-outline{color:#4b5563;background:0 0;border:2px solid #e5e7eb}.btn-outline:hover{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.department-info{background:#f8fafc;border-left:5px solid #3b82f6;border-radius:16px;margin-bottom:2.5rem;padding:2rem}.department-details{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.members-grid,.team-members-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.member-card,.team-member-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;padding:1.5rem;transition:all .3s;display:flex}.member-card:hover,.team-member-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000000f}.member-card .member-avatar,.team-member-card .member-avatar{color:#64748b;background:#f1f5f9;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1rem;font-size:2rem;font-weight:700;display:flex;box-shadow:0 4px 10px #0000000d}.member-info h4,.member-details h3{color:#1e293b;margin:0 0 .25rem;font-size:1.2rem}.member-info p,.member-username,.member-email{color:#64748b;margin:0 0 .25rem;font-size:.9rem}.member-department{color:#0d9488;margin-top:.5rem;font-size:.85rem;font-weight:600}.member-roles{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:1rem;display:flex}.member-actions{width:100%;margin-top:1.5rem}.empty-state{text-align:center;color:#64748b;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;padding:4rem 2rem;font-size:1.1rem}.profile-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;min-height:400px;font-size:1.2rem;display:flex}.spinner{border:4px solid #f3f3f3;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}.profile-error{text-align:center;color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;max-width:500px;margin:4rem auto;padding:3rem}.profile-error button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;margin-top:1.5rem;padding:.75rem 2rem;font-weight:600}@media (width<=768px){.profile-header{text-align:center;flex-direction:column;padding:2rem 1rem}.profile-status{justify-content:center}.profile-content{padding:1.5rem}.profile-sections{grid-template-columns:1fr}}.sla-policies-manager{background:#f8f9fa;max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem}.header{text-align:center;background:#fff;border-radius:8px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 4px #0000001a}.header h1{color:#1976d2;margin-bottom:.5rem}.header p{color:#666;margin-bottom:1.5rem}.alert{border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;display:flex;position:relative}.alert-error{color:#c62828;background-color:#ffebee;border:1px solid #e57373}.alert-success{color:#2e7d2e;background-color:#e8f5e8;border:1px solid #81c784}.alert button{cursor:pointer;opacity:.7;background:0 0;border:none;font-size:1.2rem}.alert button:hover{opacity:1}.btn{cursor:pointer;text-align:center;border:none;border-radius:4px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#fff;background:#1976d2}.btn-primary:hover:not(:disabled){background:#1565c0}.btn-secondary{color:#fff;background:#757575}.btn-secondary:hover:not(:disabled){background:#616161}.btn-success{color:#fff;background:#388e3c}.btn-success:hover:not(:disabled){background:#2e7d2e}.btn-warning{color:#fff;background:#f57c00}.btn-warning:hover:not(:disabled){background:#ef6c00}.btn-danger{color:#fff;background:#d32f2f}.btn-danger:hover:not(:disabled){background:#c62828}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h3{color:#1976d2;margin:0}.close-btn{cursor:pointer;color:#757575;background:0 0;border:none;font-size:1.5rem}.close-btn:hover{color:#424242}.sla-form{padding:1.5rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group input,.form-group select{border:1px solid #e0e0e0;border-radius:4px;width:100%;padding:.75rem;font-size:1rem}.form-group input:focus,.form-group select:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 2px #1976d21a}.form-group small{color:#757575;margin-top:.25rem;font-size:.875rem;display:block}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;display:flex!important}.checkbox-label input{margin:0;width:auto!important}.form-actions{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.policies-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.policy-card{background:#fff;border-radius:8px;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 8px #0000001a}.policy-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.policy-card.inactive{opacity:.7}.policy-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.policy-priority{color:#fff;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.policy-status .status{border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.policy-status .status.active{color:#2e7d2e;background:#e8f5e8}.policy-status .status.inactive{color:#c62828;background:#ffebee}.policy-body{padding:1.5rem}.policy-body h4{color:#424242;margin:0 0 1rem}.sla-metrics{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.metric{background:#f8f9fa;border-radius:6px;flex-direction:column;align-items:center;padding:1rem;display:flex}.metric-label{color:#757575;margin-bottom:.5rem;font-size:.875rem}.metric-value{color:#1976d2;font-size:1.5rem;font-weight:700}.policy-actions{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;display:flex}.loading{text-align:center;color:#757575;padding:3rem;font-size:1.1rem}.empty-state{text-align:center;background:#fff;border-radius:8px;padding:3rem;box-shadow:0 2px 4px #0000001a}.empty-state h3{color:#424242;margin-bottom:1rem}.empty-state p{color:#757575}.info-section{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000001a}.info-section h3{color:#1976d2;text-align:center;margin-bottom:1.5rem}.info-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.info-card{background:#f8f9fa;border-left:4px solid #1976d2;border-radius:6px;padding:1.5rem}.info-card h4{color:#424242;margin-bottom:.5rem}.info-card p{color:#757575;margin:0;line-height:1.5}@media (width<=768px){.sla-policies-manager{padding:1rem}.form-row,.policies-grid{grid-template-columns:1fr}.policy-actions{flex-wrap:wrap}.info-cards{grid-template-columns:1fr}}.system-configuration{background:#f8f9fa;min-height:100vh;padding:20px}.config-header{text-align:center;margin-bottom:30px}.config-header h2{color:#1976d2;margin-bottom:10px;font-size:2rem;font-weight:600}.config-header p{color:#666;font-size:1.1rem}.config-tabs{border-bottom:2px solid #e0e0e0;gap:10px;margin-bottom:30px;display:flex;overflow-x:auto}.tab-button{cursor:pointer;color:#666;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:15px 20px;font-size:1rem;font-weight:500;transition:all .3s;display:flex}.tab-button:hover{color:#1976d2;background:#f0f7ff}.tab-button.active{color:#1976d2;background:#f0f7ff;border-bottom-color:#1976d2}.config-content{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 10px #0000001a}.config-section h3{color:#1976d2;align-items:center;gap:10px;margin-bottom:25px;font-size:1.5rem;display:flex}.templates-container{gap:40px;display:grid}.template-type-section{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:25px}.template-type-section h3{color:#333;margin-bottom:20px}.templates-list{gap:20px;margin-bottom:30px;display:grid}.template-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 5px #0000000d}.template-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;display:flex}.template-header h4{color:#333;margin:0;font-size:1.2rem}.template-actions{gap:10px;display:flex}.template-content p{color:#555;margin:8px 0}.template-description{white-space:pre-wrap;background:#f8f9fa;border-left:4px solid #1976d2;border-radius:6px;padding:15px;font-family:Courier New,monospace;line-height:1.5}.add-template-section{border-top:2px solid #e0e0e0;padding-top:25px}.add-template-section h4{color:#1976d2;margin-bottom:20px}.template-form{gap:15px;display:grid}.template-form input,.template-form textarea,.template-form select{border:1px solid #ddd;border-radius:6px;padding:12px;font-size:1rem;transition:border-color .3s}.template-form input:focus,.template-form textarea:focus,.template-form select:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 2px #1976d21a}.template-form textarea{resize:vertical;min-height:120px}.sla-policies-list{gap:20px;margin-bottom:30px;display:grid}.policy-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 5px #0000000d}.policy-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.policy-header h4{color:#333;margin:0}.policy-actions{gap:10px;display:flex}.policy-content .policy-times{flex-wrap:wrap;gap:20px;display:flex}.policy-times span{color:#1976d2;background:#e3f2fd;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:500}.add-policy-section{border-top:2px solid #e0e0e0;padding-top:25px}.policy-form{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:15px;display:grid}.help-support-form{max-width:600px}.form-group input{border:1px solid #ddd;border-radius:6px;width:100%;padding:12px;font-size:1rem;transition:border-color .3s}.form-group input:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 2px #1976d21a}.faqs-list{gap:20px;margin-bottom:30px;display:grid}.faq-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 5px #0000000d}.faq-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:15px;display:flex}.faq-header h4{color:#333;flex:1;margin:0}.faq-actions{flex-shrink:0;align-items:center;gap:15px;display:flex}.faq-category{color:#2e7d32;background:#e8f5e8;border-radius:12px;padding:4px 12px;font-size:.85rem;font-weight:500}.faq-content p{color:#555;margin:0;line-height:1.6}.add-faq-section{border-top:2px solid #e0e0e0;padding-top:25px}.faq-form{gap:15px;display:grid}.btn-edit,.btn-delete,.btn-save{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.btn-edit{color:#856404;background:#fff3cd;border:1px solid #ffeaa7}.btn-edit:hover{background:#ffeaa7;transform:translateY(-1px)}.btn-delete{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.btn-delete:hover{background:#f5c6cb;transform:translateY(-1px)}.btn-save{color:#155724;background:#d4edda;border:1px solid #c3e6cb;justify-self:start}.btn-save:hover{background:#c3e6cb;transform:translateY(-1px)}.sla-management-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 5px #0000000d}.help-support-section{margin-bottom:40px}.help-support-display{background:#fff;border:1px solid #e3f2fd;border-radius:12px;padding:30px;box-shadow:0 4px 15px #00000014}.support-info-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:20px;display:grid}.support-info-card{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #dee2e6;border-radius:12px;align-items:center;gap:20px;padding:25px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000d}.support-info-icon{color:#fff;background:linear-gradient(135deg,#1976d2 0%,#42a5f5 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;display:flex;box-shadow:0 4px 12px #1976d24d}.support-info-content{flex:1}.support-info-content h4{color:#1976d2;margin:0 0 8px;font-size:1.1rem;font-weight:600}.support-info-content p{color:#424242;margin:0;font-size:1rem;line-height:1.5}.support-link{color:#1976d2;border-bottom:1px solid #0000;font-weight:500;text-decoration:none;transition:all .3s}.support-link:hover{color:#0d47a1;border-bottom-color:#0d47a1}.faqs-display-section{border-top:3px solid #e3f2fd;padding-top:40px}.faqs-display-section h3{color:#1976d2;margin-bottom:25px;font-size:1.6rem}.faqs-display-list{gap:20px;display:grid}.faq-display-card{background:#fff;border:1px solid #e8f5e8;border-radius:12px;padding:25px;transition:all .3s;box-shadow:0 3px 12px #00000014}.faq-display-card:hover{border-color:#4caf50;transform:translateY(-1px);box-shadow:0 5px 20px #0000001f}.faq-display-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:15px;display:flex}.faq-question{color:#2e7d32;flex:1;margin:0;font-size:1.2rem;font-weight:600;line-height:1.4}.faq-display-category{color:#fff;background:linear-gradient(135deg,#4caf50 0%,#81c784 100%);border-radius:20px;flex-shrink:0;padding:6px 16px;font-size:.85rem;font-weight:500;box-shadow:0 2px 6px #4caf504d}.faq-display-content{border-top:1px solid #e8f5e8;padding-top:15px}.faq-answer{color:#424242;margin:0;font-size:1rem;line-height:1.7}@media (width<=768px){.system-configuration{padding:15px}.config-tabs{flex-direction:column;gap:5px}.tab-button{text-align:left;border-bottom:none;border-left:3px solid #0000}.tab-button.active{border-bottom:none;border-left-color:#1976d2}.template-header,.policy-header,.faq-header{flex-direction:column;align-items:flex-start;gap:15px}.template-actions,.policy-actions,.faq-actions{justify-content:flex-start;width:100%}.policy-form{grid-template-columns:1fr}.policy-times{flex-direction:column;gap:10px}.support-info-grid{grid-template-columns:1fr;gap:20px}.support-info-card{text-align:center;flex-direction:column;gap:15px;padding:20px}.support-info-icon{width:50px;height:50px;font-size:1.5rem}.faq-display-header{flex-direction:column;align-items:flex-start;gap:12px}.faq-display-category{align-self:flex-start}}.help-support-container{background-color:#f8f9fa;max-width:1200px;min-height:calc(100vh - 100px);margin:0 auto;padding:2rem}.help-support-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #00000014}.support-info-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.support-info-card{text-align:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:2rem;transition:all .3s;box-shadow:0 2px 10px #0000000d}.support-info-card:hover{border-color:#667eea;transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.support-info-icon{color:#667eea;margin-bottom:1rem;font-size:3rem}.support-info-content h3{color:#2c3e50;margin:0 0 1rem;font-size:1.3rem;font-weight:600}.support-info-content p{color:#6c757d;margin:0 0 1rem;font-size:1.1rem}.contact-link{color:#fff;background:#667eea;border-radius:6px;padding:.5rem 1.5rem;font-weight:500;text-decoration:none;transition:background-color .3s;display:inline-block}.contact-link:hover{color:#fff;background:#5a67d8;text-decoration:none}.help-resources{border-top:2px solid #e9ecef;margin-top:3rem;padding-top:2rem}.help-resources h2{text-align:center;color:#2c3e50;margin-bottom:2rem;font-size:2rem;font-weight:600}.resources-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.resource-card{text-align:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:2rem;transition:all .3s}.resource-card:hover{border-color:#667eea;transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.resource-card h4{color:#2c3e50;margin:0 0 1rem;font-size:1.3rem;font-weight:600}.resource-card p{color:#6c757d;margin:0 0 1.5rem;line-height:1.6}.btn-primary{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:.75rem 2rem;font-size:1rem;font-weight:500;transition:all .3s}.btn-primary:hover{background:#5a67d8;transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}@media (width<=768px){.help-support-container{padding:1rem}.page-header{padding:1.5rem 1rem}.page-header h1{flex-direction:column;gap:.5rem;font-size:2rem}.help-support-content{padding:1.5rem}.support-info-grid,.resources-grid{grid-template-columns:1fr;gap:1.5rem}.support-info-card,.resource-card{padding:1.5rem}}.faqs-container{background-color:#f8f9fa;max-width:1200px;min-height:calc(100vh - 100px);margin:0 auto;padding:2rem}.page-header{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;margin-bottom:3rem;padding:2rem 0;box-shadow:0 8px 32px #0000001a}.page-header h1{justify-content:center;align-items:center;gap:1rem;margin:0 0 .5rem;font-size:2.5rem;font-weight:700;display:flex}.page-header p{opacity:.9;margin:0;font-size:1.1rem}.faqs-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #00000014}.faqs-controls{border-bottom:2px solid #e9ecef;flex-wrap:wrap;align-items:center;gap:2rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.search-section{flex:1;min-width:300px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#6c757d;z-index:1;font-size:1rem;position:absolute;left:1rem}.search-input{border:2px solid #e9ecef;border-radius:8px;width:100%;padding:.75rem 1rem .75rem 3rem;font-size:1rem;transition:all .3s}.search-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.category-filter{align-items:center;gap:.5rem;display:flex}.category-filter label{color:#2c3e50;font-weight:500}.category-select{cursor:pointer;background:#fff;border:2px solid #e9ecef;border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:border-color .3s}.category-select:focus{border-color:#667eea;outline:none}.results-summary{color:#6c757d;margin-bottom:1.5rem;font-style:italic}.faqs-list{flex-direction:column;gap:1rem;display:flex}.faq-item{background:#fff;border:2px solid #e9ecef;border-radius:12px;transition:all .3s;overflow:hidden}.faq-item:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea1a}.faq-question-header{cursor:pointer;background:#f8f9fa;justify-content:space-between;align-items:center;padding:1.5rem;transition:background-color .3s;display:flex}.faq-question-header:hover{background:#e9ecef}.faq-question-content{flex-direction:column;flex:1;gap:.5rem;display:flex}.faq-question-content h3{color:#2c3e50;margin:0;font-size:1.2rem;font-weight:600;line-height:1.4}.faq-category-badge{color:#fff;background:#667eea;border-radius:20px;align-self:flex-start;padding:.25rem .75rem;font-size:.8rem;font-weight:500;display:inline-block}.faq-toggle-icon{color:#667eea;margin-left:1rem;font-size:1.2rem;transition:transform .3s}.faq-answer{background:#fff;padding:0 1.5rem 1.5rem;animation:.3s ease-in-out fadeIn}.faq-answer p{color:#495057;margin:0;font-size:1rem;line-height:1.6}.no-results{text-align:center;color:#6c757d;padding:3rem 2rem}.no-results-icon{color:#dee2e6;margin-bottom:1rem;font-size:4rem}.no-results h3{color:#495057;margin:0 0 .5rem;font-size:1.5rem}.no-results p{margin:0;font-size:1rem}@media (width<=768px){.faqs-container{padding:1rem}.page-header{padding:1.5rem 1rem}.page-header h1{flex-direction:column;gap:.5rem;font-size:2rem}.faqs-content{padding:1.5rem}.faqs-controls{flex-direction:column;align-items:stretch;gap:1rem}.search-section{min-width:auto}.category-filter{justify-content:space-between}.faq-question-header{padding:1rem}.faq-question-content h3{font-size:1.1rem}.faq-answer{padding:0 1rem 1rem}.no-results{padding:2rem 1rem}.no-results-icon{font-size:3rem}}:root{--background:0 0% 100%;--foreground:220 10% 15%;--card:0 0% 100%;--card-foreground:220 10% 15%;--popover:0 0% 100%;--popover-foreground:220 10% 15%;--primary:213 94% 68%;--primary-foreground:0 0% 100%;--primary-light:213 100% 75%;--primary-dark:213 88% 55%;--orange:25 95% 53%;--orange-light:25 95% 65%;--orange-dark:25 88% 45%;--secondary:220 13% 96%;--secondary-foreground:220 10% 15%;--muted:220 13% 98%;--muted-foreground:220 8% 46%;--accent:25 95% 53%;--accent-foreground:0 0% 100%;--success:142 71% 45%;--success-foreground:0 0% 100%;--warning:38 92% 50%;--warning-foreground:0 0% 100%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--info:199 89% 48%;--info-foreground:0 0% 100%;--status-open:199 89% 48%;--status-in-progress:38 92% 50%;--status-resolved:142 71% 45%;--status-closed:240 4% 46%;--status-urgent:0 84% 60%;--border:220 13% 91%;--input:0 0% 100%;--ring:213 94% 68%;--gradient-primary:linear-gradient(135deg, hsl(var(--primary)), hsl(var(--orange)));--gradient-secondary:linear-gradient(135deg, hsl(var(--orange)), hsl(var(--primary)));--gradient-subtle:linear-gradient(180deg, #fff, #f9fafb);--gradient-header:linear-gradient(90deg, hsl(var(--primary)), hsl(var(--orange)));--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius:.5rem;--sidebar-background:0 0% 98%;--sidebar-foreground:240 5.3% 26.1%;--sidebar-primary:240 5.9% 10%;--sidebar-primary-foreground:0 0% 98%;--sidebar-accent:240 4.8% 95.9%;--sidebar-accent-foreground:240 5.9% 10%;--sidebar-border:220 13% 91%;--sidebar-ring:217.2 91.2% 59.8%}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}.ticket-detail-page{color:#222;z-index:100;background:#fff;min-height:300px;padding:32px;position:relative;display:block!important}.nav-fullscreen{background:#fff7ed;border-radius:.75rem;flex-direction:row;justify-content:center;align-items:center;gap:1.5rem;width:100%;margin-bottom:2rem;padding:1.2rem 0;display:flex;position:sticky;box-shadow:0 2px 8px #00000014}.Dept-main-content{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#fff;border-radius:.75rem;flex-grow:1;width:90%;max-width:1280px;margin:auto;padding:3rem;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.Department-container{background:#264653;width:75vw;min-height:100%}.Deptsubmit-butn{color:#fff;cursor:pointer;text-align:center;background-color:#2a9d8f;border:none;border-radius:6px;align-items:center;width:70%;padding:.8rem;font-size:1.1rem;font-weight:600;transition:background-color .3s,transform .2s;display:flex;box-shadow:0 2px 8px #2a9d8f1a}.Deptsubmit-butn:hover{color:#fff;background-color:#e76f51;transform:translateY(-2px)}.Deptsubmit-butn:disabled{cursor:not-allowed;background-color:#555;transform:none}.Deptmain-view{flex-direction:column;flex-grow:1;width:auto;padding:2.5rem;display:flex;overflow-y:auto}.input-group,.form-label{color:#fff}.nav-button{color:#9a3412;text-align:center;cursor:pointer;background-color:#fff;border:none;border-radius:.5rem;min-width:160px;padding:.75rem 1.5rem;font-size:1.1rem;font-weight:500;transition:all .2s ease-in-out;box-shadow:0 1px 4px #0000000a}@media (width<=900px){.signup-container{padding:20px 0}.signup-form,.login-card{max-width:200%;padding:2rem 1rem}}@media (width<=600px){.signup-container{padding:10px 0}.signup-form,.login-card{width:10vw;box-shadow:none;border-radius:.5rem;padding:1.2rem .5rem}.card-title,.signup-form h2{font-size:1.3rem}.form-group label,.form-label{font-size:.95rem}.submit-btn,.submit-btnnn{padding:.7rem 0;font-size:1rem}}.signup-container{box-sizing:border-box;background:#264653;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 0;display:flex}.signup-form{background-color:#fff7ed;border:1px solid #2a9d8f;border-radius:12px;width:100%;margin:0 50px;padding:2.5rem;box-shadow:0 6px 24px #2a9d8f26}.signup-form h2{color:#2a9d8f;text-align:center;margin-top:0;margin-bottom:.5rem;font-weight:700}.signup-form .form-description{text-align:center;color:#b2dfdb;margin-bottom:2rem}fieldset{background:#fff;border:1px solid #2a9d8f;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}legend{color:#e76f51;padding:0 .5rem;font-weight:600}.form-group{margin-bottom:1rem}.form-group label{color:#f0f2f5;margin-bottom:.5rem;font-weight:500;display:block}.insign{color:#f0f2f5;box-sizing:border-box;background-color:#fff;border:1px solid #2a9d8f;border-radius:6px;width:100%;padding:.75rem;font-size:1rem;transition:all .3s}.insign:hover{border-color:#e76f51}.insign:focus{border-color:#2a9d8f;outline:none;box-shadow:0 0 0 3px #2a9d8f26}.submit-btnnn{color:#000;cursor:pointer;background:linear-gradient(135deg,#f97415,#61a6fa);border:none;border-radius:6px;width:100%;padding:.8rem;font-size:1.1rem;font-weight:600;transition:background-color .3s,transform .2s;box-shadow:0 2px 8px #2a9d8f1a}.submit-btnnn:hover{color:#fff;background-color:#e76f51;transform:translateY(-2px)}.submit-btnnn:disabled{cursor:not-allowed;background-color:#555;transform:none}.error-message{color:#e76f51;text-align:center;margin:1rem 0;font-weight:500}.success-message{color:#2a9d8f;text-align:center;margin:1rem 0;font-weight:500}.app-container{background:#fef3c7;justify-content:center;align-items:center;width:100vw;min-height:100vh;margin:0;padding:0;display:flex}.login-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f0f2f5;background:#ffffff26;border-radius:30px;align-self:center;align-items:center;width:100%;max-width:420px;margin:40px auto;padding:2.5rem 2rem;transition:transform .2s ease-out;box-shadow:0 8px 25px #0003}.login-card:hover{background:#ffffff6b;box-shadow:0 10px 30px #0000004d}.card-content{align-self:center;transform:translateZ(50px)}.card-title{text-align:center;color:#ec5800;letter-spacing:.05em;margin-bottom:2rem;font-size:2rem;font-weight:700}.login-form{flex-direction:column;align-self:center;gap:1.5rem;padding:0;display:flex}.input-group{position:relative}.form-input{color:#e76f51;background-color:#0000;border:none;border-bottom:2px solid #c53030;border-radius:10px 10px 0 0;outline:none;width:auto;padding:.5rem 2rem;transition:border-color .3s}.form-input:focus{border-bottom-color:#e76f51}.form-label{color:#b2dfdb;pointer-events:none;transition:all .2s;position:absolute;top:.7rem;left:1rem;color:#e76f51!important}.form-input:focus+.form-label,.form-input:not(:placeholder-shown)+.form-label{color:#2a9d8f;font-size:.85rem;top:-1.1rem;left:.5rem}.signup-text{text-align:center;color:#f0f2f5;width:100%;margin-top:1rem;font-size:.95rem;display:block}.signup-link{color:#2a9d8f;font-weight:600;text-decoration:none;transition:color .3s}.signup-link:hover{color:#e76f51;text-decoration:underline}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#61a6fa,#61a6fa);border:none;border-radius:.5rem;width:100%;padding:.8rem 0;font-weight:700;transition:background-color .3s,color .3s,transform .2s;box-shadow:0 2px 8px #2a9d8f1a}.submit-btn:hover{color:#fff;background-color:#e76f51;transform:translateY(-2px)}.submit-btn:focus{outline:none;box-shadow:0 0 0 2px #2a9d8f26}.main{align-self:auto;align-items:left;background-image:linear-gradient(#6366f1);width:100%;min-height:79%;margin-left:0%;display:flex}.header{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);color:#ec5800;text-align:left;align-self:auto;align-items:left;background-image:linear-gradient(#fff,#fff);width:100%;min-height:0;margin-left:0%;display:flex}.form-inputid{color:#000;background-color:#0000;border:none;border-bottom:2px solid #fff3;outline:none;width:75%;margin-left:0;padding:.5rem 2rem;transition:border-color .3s}.title-name{color:#ec5800;text-align:left;pointer-events:none;margin-left:37rem;transition:all .3s;position:relative;left:.5rem}.select-category{position:block;color:#fff;pointer-events:none;transition:all .3s}.select-label{color:#000;pointer-events:none;margin:10rem;transition:all .3s;position:relative;left:.5rem}.select-menu{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#000;cursor:pointer;background-color:#fff3;border:none;border-radius:.5rem;align-items:center;width:15%;margin-left:25px;font-weight:700;transition:all .3s ease-in-out;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.form-labelid{color:#9a3412;pointer-events:none;transition:all .3s;position:relative;left:.5rem}.submit-butn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#c53030;cursor:pointer;background-color:#fff3;border:none;border-radius:.5rem;align-items:center;width:75%;margin-top:1rem;margin-left:2rem;padding:.75rem 2rem;font-weight:700;transition:all .3s ease-in-out;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.submit-butn:hover{background-color:#ffffff4d;transform:scale(1.05)}.submit-butn:focus{outline:none}.submit-bt{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;background-color:#fff3;border:none;border-radius:.5rem;align-items:center;width:13%;margin-top:0;margin-left:2rem;padding:.75rem 2rem;font-weight:700;transition:all .1s ease-in-out;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.submit-bt:hover{background-color:#ffffff4d;transform:scale(1.05)}.app-containe{background-color:#ec5800;justify-content:center;align-self:auto;align-items:center;width:136.6%;min-height:110%;margin-left:0%;padding:50px 150px 90px 100px;display:block}.headash{background-color:#fff;padding:50px 0 25px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.navbar{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);color:#fff;cursor:pointer;border-radius:1rem;justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:1rem 1.5rem;display:flex}.menu-container{position:relative}.menu{z-index:20;background-color:#fff;border-radius:.375rem;width:224px;margin-top:.5rem;padding-top:.5rem;padding-bottom:.5rem;position:absolute;left:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.menu-item{color:wheat;align-items:center;width:100%;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;transition:background-color .2s;display:flex}.menu-item:hover{background-color:#f7fafc}.menu-icon{width:1.25rem;height:1.25rem;margin-right:.75rem}.menu-divider{border-top:1px solid #e2e8f0;margin:.5rem 0}.profile-section{align-items:center;gap:1rem;display:flex}.profile-img{object-fit:cover;border-radius:9999px;width:2.5rem;height:2.5rem}.logout-btn{color:#fff;cursor:pointer;background-color:#e53e3e;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s ease-in-out}.main-content{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#fff;border-radius:.75rem;flex-grow:1;width:100%;max-width:1280px;margin:auto;padding:3rem;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.help-title{color:#2d3748;margin:0;font-size:3rem;font-weight:800;line-height:1.1}.help-text{color:#4a5568;max-width:42rem;margin-top:1rem;margin-left:auto;margin-right:auto;font-size:1.125rem}.footer{background-color:#fff;border-top:1px solid #e2e8f0;align-items:end;margin-top:1rem}.footer-content{text-align:center;color:#4a5568;max-width:1280px;margin:0 auto;padding:1rem 1.5rem}.footer-links{margin-top:.25rem;font-size:.875rem}.footer-links a{color:inherit;text-decoration:none}.footer-links a:hover{text-decoration:underline}.app-header{color:#ec5800;text-align:center;background-color:#fff;padding:1.5rem 2rem}.header-title{margin:0;font-size:2.25rem;font-weight:800}.header-subtitle{opacity:.9;margin-top:.25rem;font-size:1rem;font-weight:400}.nav-button{color:#9a3412;text-align:left;cursor:pointer;background-color:#0000;border:none;border-radius:.5rem;width:15%;padding:.75rem 1.25rem;font-size:1rem;font-weight:500;transition:all .2s ease-in-out}.nav-button:hover{color:#7c2d12;background-color:#fed7aa}.nav-button.active{color:#fff;background-color:#f97316;font-weight:600;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.main-view{flex-grow:1;padding:2.5rem;overflow-y:auto}.form-intro{color:#475569;background-color:#fef3c7;border-left:4px solid #f59e0b;border-radius:.5rem;margin-bottom:2rem;padding:1rem;font-size:1.1rem}.form-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:2rem}.form-title{color:#f97316;border-bottom:2px solid #fdba74;margin-bottom:.5rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:700}.form-description{color:#64748b;margin-bottom:1.5rem}.form-body{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-label{color:#334155;font-weight:500}.input-field,.select-field{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:.5rem;width:100%;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input-field:focus,.select-field:focus{border-color:#f97316;outline:none;box-shadow:0 0 0 3px #f9731633}.submit-button-container{grid-column:1/-1;margin-top:1rem}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#157cf9,#61a6fa);border:none;border-radius:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .2s,transform .1s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.submit-button:hover{background-color:#ea580c}.submit-button:active{transform:translateY(1px)}.data-table-wrapper{grid-column:1/-1;margin-top:3rem}.data-table-title{color:#f97316;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.data-table-container{border:1px solid #e2e8f0;border-radius:.75rem;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:100%}.table-header{background-color:#fff7ed}.table-header-cell{text-align:left;color:#9a3412;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1.5rem;font-size:.75rem;font-weight:600}.table-body tr:nth-child(2n){background-color:#f8fafc}.table-body tr:hover{background-color:#fef3c7}.table-cell{color:#475569;white-space:nowrap;border-top:1px solid #e2e8f0;padding:1rem 1.5rem;font-size:.875rem}.table-cell-empty{text-align:center;color:#64748b;padding:2rem;font-style:italic}.notification{color:#fff;background-color:#dc2626;border-radius:.5rem;padding:1rem 1.5rem;animation:.3s ease-out slideIn,.3s ease-in 2.7s forwards fadeOut;position:fixed;top:20px;right:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (width<=768px){.main-content{flex-direction:column}}.nav_bar{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);border-radius:1rem;justify-content:space-between;align-items:center;width:100%;margin-left:60%;padding:1rem 1.5rem 0 0}.summary-card:hover{box-shadow:none;transform:none}