:root{--primary:#0066cc;--secondary:#6c757d;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--info:#17a2b8;--light:#f8f9fa;--dark:#343a40;--sidebar-width:250px;--header-height:60px;--sidebar-bg:#343a40;--sidebar-color:#fff}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;min-height:100vh;margin:0}.navbar{height:var(--header-height);box-shadow:0 2px 4px rgba(0,0,0,.1)}.navbar-brand img{margin-right:10px}.sidebar{top:var(--header-height);height:calc(100vh - var(--header-height));width:var(--sidebar-width);background-color:var(--sidebar-bg);color:var(--sidebar-color);transition:transform .3s ease}.nav-section{padding:.75rem 1rem .5rem;font-size:.7rem;letter-spacing:.1rem;font-weight:700}.sidebar .nav-link{color:rgba(255,255,255,.8);margin:.1rem .5rem;border-radius:4px}.sidebar .nav-link i{margin-right:.75rem;width:20px}.sidebar .nav-link:hover{background-color:rgba(255,255,255,.1)}.sidebar .nav-link.active{background-color:var(--primary)}@media (max-width:991.98px){.sidebar{transform:translateX(-100%)}.sidebar.active{transform:translateX(0)}.content{margin-left:0!important}}.content{margin-left:var(--sidebar-width);padding:1.5rem;min-height:calc(100vh - var(--header-height));transition:margin-left .3s ease}.dashboard-card{border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:1.25rem;position:relative;transition:transform .2s,box-shadow .2s}.dashboard-card:hover{box-shadow:0 5px 15px rgba(0,0,0,.1);transform:translateY(-2px)}.card-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;margin-bottom:1rem}.card-value{font-size:2rem;font-weight:700;margin-bottom:.25rem}.card-label{color:#6c757d;font-size:.875rem}.card-title{color:#495057}.logo{margin-bottom:1.5rem}.logo img{height:60px}.form-title{margin-bottom:1rem}.otp-input{font-size:1.5rem}.back-link,.countdown{font-size:.875rem}.back-link:hover{color:var(--primary)}.severity-L1{background-color:#28a745}.severity-L2{background-color:#fd7e14}.severity-L3{background-color:#dc3545}.status-open{color:#2196F3}.status-in-progress{color:#FF9800}.status-resolved{color:#4CAF50}.status-closed{color:#9E9E9E}.status-escalated{color:#F44336}.table-escalations{font-size:.875rem}.table-escalations th{background-color:#f8f9fa}.escalation-guide-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.05);padding:1.25rem;border-left:4px solid #e9ecef}.guide-icon{text-align:center;margin-bottom:.5rem}.severity-badge{border-radius:4px;margin-right:.25rem}.severity-badge.severity-L1{background-color:rgba(40,167,69,.1);color:#28a745}.severity-badge.severity-L2{background-color:rgba(253,126,20,.1);color:#fd7e14}.severity-badge.severity-L3{background-color:rgba(220,53,69,.1);color:#dc3545}.text-primary{color:#ff8c00!important}.escalation-card{cursor:pointer;transition:all .2s ease;border:1px solid rgba(0,0,0,.125)}.escalation-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.escalation-card .card-header{padding:.75rem 1.25rem;font-weight:600}.escalation-card .card-footer{background-color:rgba(0,0,0,.03);font-size:.8rem}.severity-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.8rem}.severity-L1{background-color:rgba(60,179,113,.15);color:#3CB371;border:1px solid #3cb371}.severity-L2{background-color:rgba(255,152,0,.15);color:#FF9800;border:1px solid #ff9800}.severity-L3{background-color:rgba(244,67,54,.15);color:#F44336;border:1px solid #f44336}.escalation-detail .severity-badge{margin-left:.5rem}#filterCollapse{transition:all .3s ease}.pagination .page-item.active .page-link{background-color:#ff8c00;border-color:#ff8c00}.pagination .page-link{color:#000000}.pagination .page-link:hover{color:#fff;background-color:#ff8c00;border-color:#ff8c00}@font-face{font-family:Segoe UI Regular;src:url(/fonts/segoeui.ttf)}@font-face{font-family:Segoe UI Bold;src:url(/fonts/segoeuib.ttf)}@font-face{font-family:Segoe UI Light;src:url(/fonts/segoeuil.ttf)}html body{font-family:Segoe UI Regular!important;color:#183247;background-color:#e9eeef;font-size:14px;font-weight:400;line-height:1.4}body{font-family:Segoe UI;background-color:#f8f9fa;color:#343a40;font-size:14px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Segoe UI Bold;font-weight:700;line-height:1.1;color:inherit}.content{margin-left:250px;padding:20px;transition:all .3s ease}@media (max-width:991.98px){.content{margin-left:0}}.card{border:none;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);margin-bottom:1.5rem}.card-header{background-color:#fff;border-bottom:1px solid rgba(0,0,0,.125);font-weight:600}.dashboard-card{background-color:#fff;border-radius:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);padding:1.5rem;height:100%;display:flex;flex-direction:column}.card-title{font-weight:600;margin-bottom:1rem;color:#212529}.sidebar{position:fixed;top:56px;left:0;width:250px;height:calc(100vh - 56px);background-color:#212529;color:#fff;z-index:100;padding-top:20px;overflow-y:auto;transition:all .3s ease}@media (max-width:991.98px){.sidebar{transform:translateX(-100%)}.sidebar.active{transform:translateX(0)}}.nav-section{text-transform:uppercase;font-size:.75rem;font-weight:600;color:#adb5bd;padding:.5rem 1rem;margin-top:1rem}.sidebar .nav-link{color:#dee2e6;border-left:3px solid transparent;padding:.5rem 1rem;font-size:.9rem;display:flex;align-items:center}.sidebar .nav-link:hover{color:#fff;background-color:rgba(255,255,255,.05);border-left-color:rgba(255,255,255,.2)}.sidebar .nav-link.active{color:#fff;background-color:rgba(255,255,255,.1);border-left-color:#0d6efd}.sidebar .nav-link i{width:1.25rem;margin-right:.5rem;text-align:center}.navbar-brand img{height:30px;margin-right:.5rem}.navbar .dropdown-menu{min-width:200px;padding:.5rem 0;margin-top:.5rem;border:none;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}.navbar .dropdown-item{padding:.5rem 1rem;font-size:.9rem}.navbar .dropdown-item i{width:1.25rem;text-align:center}.login-container .logo{display:flex;justify-content:center;margin-bottom:2rem}.login-container .logo img{height:60px}.login-container .form-title{text-align:center;margin-bottom:1rem}.login-container .loading-spinner{display:none;margin-right:.5rem}.login-container .back-link{color:#6c757d;font-size:.9rem;text-decoration:none}.login-container .back-link:hover{color:#0d6efd}.countdown{font-size:.8rem;color:#6c757d;text-align:center;margin-top:.5rem}.otp-input{text-align:center;letter-spacing:.5rem;font-size:1.2rem}.dashboard-card .card-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin-bottom:1rem}.dashboard-card .card-value{font-size:2rem;font-weight:700;margin-bottom:.25rem}.dashboard-card .card-label{color:#6c757d;font-size:.9rem}.filter-card{margin-bottom:1.5rem}.escalation-id{font-family:monospace}.table-escalations th{font-weight:600;white-space:nowrap}.table-escalations td{vertical-align:middle}.severity-badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:.25rem;text-align:center}.severity-L1{background-color:#3CB371;color:#fff}.severity-L2{background-color:#FF9800;color:#fff}.severity-L3{background-color:#F44336;color:#fff}.status-open{background-color:#0d6efd;color:#fff}.status-in-progress{background-color:#fd7e14;color:#fff}.status-resolved{background-color:#198754;color:#fff}.status-closed{background-color:#6c757d;color:#fff}.status-escalated{background-color:#dc3545;color:#fff}.severity-indicator{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:.5rem}.escalation-guide-card{background-color:#f8f9fa;border-radius:.5rem;padding:1.5rem;height:100%;text-align:center}.escalation-guide-card .guide-icon{margin-bottom:1rem}.escalation-guide-card h5{margin-bottom:1rem;font-weight:600}.escalation-guide-card ul{text-align:left;padding-left:1.5rem}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;top:0;left:.75rem;height:100%;width:2px;background-color:#dee2e6}.timeline-item{position:relative;margin-bottom:1.5rem}.timeline-icon{position:absolute;top:0;left:-2rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background-color:#fff;z-index:1}.timeline-content{background-color:#f8f9fa;border-radius:.25rem;padding:1rem}.timeline-time{font-size:.8rem;color:#6c757d}.timeline-body,.timeline-time{margin-bottom:.5rem}.loading-spinner{display:none;margin-right:.5rem}.back-link{color:#6c757d;text-decoration:none}.back-link:hover{color:#0d6efd}.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_length{margin-bottom:1rem}.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{margin-top:1rem}.dataTables_wrapper .dataTables_filter input{border-radius:.25rem;border:1px solid #ced4da;padding:.25rem .5rem;margin-left:.5rem}.dataTables_wrapper .dataTables_length select{border-radius:.25rem;border:1px solid #ced4da;padding:.25rem .5rem;margin:0 .25rem}.dataTables_wrapper .dataTables_paginate .paginate_button{padding:.25rem .5rem;margin:0 .25rem;border-radius:.25rem}.dataTables_wrapper .dataTables_paginate .paginate_button.current{background-color:#0d6efd;border-color:#0d6efd;color:#fff!important}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background-color:#e9ecef;border-color:#dee2e6}.btn-icon{padding:.25rem .5rem;display:inline-flex;align-items:center;justify-content:center}.btn-icon i{font-size:1rem}.modal-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6}.modal-footer{background-color:#f8f9fa;border-top:1px solid #dee2e6}.form-label{font-weight:500;margin-bottom:.25rem}.export-btn,.form-text{font-size:.8rem}.export-btn{padding:.25rem .5rem}.empty-state{padding:3rem 1rem;text-align:center}.empty-state i{font-size:3rem;color:#6c757d;margin-bottom:1rem}.empty-state h5{margin-bottom:.5rem}.empty-state p{color:#6c757d;margin-bottom:1rem}.logout-btn{cursor:pointer}.chart-container.loading{position:relative}.chart-container.loading:after{content:"Loading...";position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(255,255,255,.7);font-size:16px;color:#4e73df}.logo{text-align:center;margin-bottom:30px}.logo img{max-width:150px;height:auto}.form-title{text-align:center;margin-bottom:10px;font-weight:600;color:#333}.google-login-button{margin:25px 0}#google-signin-btn{padding:12px;border:1px solid #ddd;border-radius:4px;font-weight:700;transition:all .3s ease;background-color:#FF0000;color:#FFFFFF}#google-signin-btn:hover{background-color:#000000;color:#FFFFFF;box-shadow:0 1px 3px rgba(0,0,0,.1)}#google-signin-btn:disabled{opacity:.7;cursor:not-allowed}#google-signin-btn img{margin-right:10px}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}