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