:root{font-family:system-ui,Segoe UI,Inter,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#fff;color-scheme:light dark;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,sans-serif}#root{width:100%;padding:0;margin:0}a{color:#1976d2;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none}.app-container{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;width:100vw;display:flex}.app-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.login-bg{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;padding:20px;background:url(/patterns/hp-geo-light.svg),linear-gradient(135deg,#f5faff,#e9f1fa);background-size:cover;background-position:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .4s ease;font-family:Segoe UI,sans-serif}.dark .login-bg{background:url(/patterns/hp-geo-dark.svg),linear-gradient(135deg,#0a0f1a,#111827)}.login-card{background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:45px 50px;border-radius:20px;max-width:420px;width:95%;text-align:center;border:1px solid #e7e7e7;box-shadow:0 10px 25px #0000001a;animation:popIn .35s ease}.dark .login-card{background:#1c1f27dd;border:1px solid #2a2f3a;color:#fff}.login-logo{width:140px;margin-bottom:30px}.login-title{font-size:32px;font-weight:700;color:#06c;margin-bottom:6px}.dark .login-title{color:#4ea8ff}.login-subtitle{color:#444;font-size:16px;margin-bottom:30px;opacity:.8}.dark .login-subtitle{color:#e5e5e5}.login-btn{background:#06c;color:#fff;font-size:24px;font-weight:600;padding:16px 40px;border-radius:10px;width:80%;margin:0 auto;transition:.25s ease;box-shadow:0 4px 10px #0066cc26;display:flex;align-items:center;justify-content:center}.login-btn:hover{background:#004c99;transform:translateY(-2px);box-shadow:0 8px 20px #004c9940}@keyframes popIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:.7}}.theme-toggle-container{position:absolute;top:25px;right:25px;z-index:1500}.theme-toggle-input{display:none}.theme-toggle-label{width:70px;height:34px;background:#d0d7e2;border-radius:999px;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0 8px;transition:background .3s ease;box-shadow:inset 0 0 4px #00000026}.dark .theme-toggle-label{background:#2b3140}.theme-toggle-slider{position:absolute;top:50%;left:4px;transform:translateY(-50%);width:26px;height:26px;background:#fff;border-radius:50%;transition:left .25s ease;box-shadow:0 2px 6px #00000040}.theme-toggle-input:checked+.theme-toggle-label .theme-toggle-slider{left:54px}.theme-toggle-icon{width:16px;height:16px;pointer-events:none}.theme-toggle-icon.sun{background:url("data:image/svg+xml,%3Csvg fill='%23FDB813' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.995 12c0 2.761 2.246 5.005 5.005 5.005s5.005-2.244 5.005-5.005c0-2.761-2.246-5.005-5.005-5.005s-5.005 2.244-5.005 5.005zm5.005-9c.553 0 1-.448 1-1v-1h-2v1c0 .552.447 1 1 1zm0 18c-.553 0-1 .448-1 1v1h2v-1c0-.552-.447-1-1-1zm11-9h-1c-.553 0-1 .448-1 1s.447 1 1 1h1v-2zm-20 0h1c.553 0 1 .448 1 1s-.447 1-1 1h-1v-2zm16.364 7.364l-.707-.707c-.391-.391-1.023-.391-1.414 0-.391.391-.391 1.023 0 1.414l.707.707 1.414-1.414zm-12.728 0l.707-.707c.391-.391.391-1.023 0-1.414-.391-.391-1.023-.391-1.414 0l-.707.707 1.414 1.414zm12.728-14.728l-1.414-1.414-.707.707c-.391.391-.391 1.023 0 1.414.391.391 1.023.391 1.414 0l.707-.707zm-12.728 0l1.414-1.414-.707-.707c-.391-.391-1.023-.391-1.414 0-.391.391-.391 1.023 0 1.414l.707.707z'/%3E%3C/svg%3E") center/contain no-repeat}.theme-toggle-icon.moon{background:url("data:image/svg+xml,%3Csvg fill='%23AEB9D4' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.752 15.002a9.005 9.005 0 01-11.755-11.75A1 1 0 008.09.773 11.004 11.004 0 1023.227 15.91a1 1 0 00-1.475-0.908z'/%3E%3C/svg%3E") center/contain no-repeat}.loader-container{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loader-spinner{width:60px;height:60px;border:6px solid #dbe7f3;border-top:6px solid #1976d2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px}.loader-message{font-size:18px;font-weight:600;color:#1976d2}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar-float-btn{position:fixed;right:25px;top:25px;width:55px;height:55px;background:#0d47a1;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 18px #0000004d;z-index:1000;transition:transform .2s ease}.sidebar-float-btn:hover{transform:scale(1.07)}.dark .sidebar-container{background:#1c1f27;color:#fff;box-shadow:-3px 0 25px #00000080}.sidebar-container{position:fixed;top:0;right:0;width:320px;height:100%;background:#fff;box-shadow:-3px 0 20px #00000040;padding:40px 20px;display:flex;flex-direction:column;align-items:center;transition:transform .35s ease;z-index:1200}.sidebar-container.closed{transform:translate(100%)}.sidebar-container.open{transform:translate(0)}.sidebar-close-btn{position:absolute;top:12px;right:18px;background:none;border:none;font-size:34px;cursor:pointer}.sidebar-close-btn{color:#111}.dark .sidebar-close-btn{color:#fff}.sidebar-avatar-large{width:120px;border-radius:50%;margin-bottom:20px}.sidebar-avatar-small{width:32px;height:32px;filter:brightness(0) invert(1)}.dark .sidebar-avatar-small{filter:brightness(1) invert(0)}.sidebar-user-name{font-size:22px;font-weight:700;color:#0d47a1}.dark .sidebar-user-name{color:#4ea8ff}.sidebar-user-email{font-size:14px;opacity:.7;margin-bottom:30px;color:#333}.dark .sidebar-user-email{color:#ddd;opacity:.85}.sidebar-logout-btn{margin-top:20px;padding:12px 30px;background:#fff;color:#b71c1c;border-radius:8px;cursor:pointer;border:2px solid #b71c1c;font-weight:600;transition:.25s ease}.sidebar-logout-btn:hover{background:#b71c1c;color:#fff}.dark .sidebar-logout-btn{background:#a83232;color:#fff;border-color:#ffb4b4}.dark .sidebar-logout-btn:hover{background:#d64545}body{background:#f5f7fa;transition:background .3s ease}.dark body{background:#0c1119}.table-container{width:100%;padding:20px;color:#1a1a1a;font-family:Inter,sans-serif}.table-header-title{font-size:32px;font-weight:800;background:linear-gradient(90deg,#0d47a1,#1565c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.5px;padding-bottom:4px}.dark .table-header-title{background:linear-gradient(90deg,#8bbdff,#cfe6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.table-header-subline{width:160px;height:4px;background:#0d47a1;border-radius:8px;margin-top:6px}.dark .table-header-subline{background:#8bbdff}.table-content{display:flex;justify-content:center;width:100%}.table-box{width:95%;height:75vh;background:#fff;border-radius:18px;box-shadow:0 12px 28px #0000001f;overflow:hidden;padding:6px}.table-footer-new{margin:20px auto 0;padding:12px 24px;background:#f1f5fa;border-radius:12px;font-size:15px;font-weight:500;display:flex;justify-content:center;align-items:center;gap:18px;color:#0d47a1;width:fit-content;max-width:90%}.dark .table-footer-new{background:#1c1f27;color:#e0eaff}.footer-label{font-weight:700}.footer-value{opacity:.9}.footer-separator{font-weight:900;opacity:.4;margin:0 6px}.table-selector{padding:10px 14px;font-size:15px;border-radius:8px;border:2px solid #0d47a1;background:#fff;color:#0d47a1;font-weight:600}.table-selector:focus{outline:none}.dark .table-selector{background:#1a1d25;color:#cfe6ff;border-color:#4ea8ff}.table-switch{position:static!important;margin-left:auto}.qty-cutoff-pill{width:100%;text-align:center;padding:4px 0;border-radius:6px;font-weight:700;box-sizing:border-box}.qty-cutoff-pill-positive{background-color:#b9f6ca;color:#14532d}.qty-cutoff-pill-negative{background-color:#fecaca;color:#7f1d1d}.MuiDataGrid-cell:focus,.MuiDataGrid-cell:focus-within{outline:none!important}.dark .MuiDataGrid-cell:before{display:none!important}.cell-hover{display:flex;justify-content:space-between;align-items:center;cursor:pointer;width:100%;padding:4px 6px;border-radius:6px;transition:background .2s ease}.cell-hover:hover{background:#1976d21a}.btn-small{font-size:10px;padding:3px 8px;background:#1976d2;color:#fff;border-radius:6px;opacity:0;transition:opacity .2s ease}.cell-hover:hover .cell-hover-btn{opacity:1}.MuiDataGrid-panel,.MuiDataGrid-columnsPanel,.MuiDataGrid-panel .MuiFormControlLabel-label,.MuiDataGrid-panel .MuiTypography-root{color:#000!important;background:#fff!important}.MuiDataGrid-panel .MuiCheckbox-root{color:#1976d2!important}.table-footer{margin-top:18px;text-align:center;font-size:14px;opacity:.8;display:flex;flex-direction:column;gap:4px}.dark .MuiDataGrid-root{background:#1a1d25!important;color:#e0e6f0!important}.dark .MuiDataGrid-cell{color:#e0e6f0!important;border-color:#2b2f3a!important}.dark .MuiDataGrid-columnHeaders{background:#12151d!important;color:#e0e6f0!important}.dark .MuiDataGrid-row{background:#1a1d25!important}.dark .MuiDataGrid-row:nth-of-type(2n){background:#1f222c!important}.dark .MuiDataGrid-row:hover{background:#2b3240!important}.dark .MuiTablePagination-root{color:#cdd3df!important}.dark .MuiDataGrid-footerContainer{background:#12151d!important;color:#e0e6f0!important}.dark .MuiDataGrid-iconSeparator{color:transparent!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:1500;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-box{background:#fff;color:#1a1a1a;border-radius:14px;padding:24px;width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #00000040;position:relative;border:1px solid #e3e8ef}.modal-box h3{font-size:20px;font-weight:700;color:#0d47a1;margin-bottom:14px}@keyframes modalFade{0%{transform:translateY(-20px);opacity:0}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:28px;color:#333;cursor:pointer;font-weight:700;transition:.2s ease}.modal-close:hover{color:#0d47a1}.dark .modal-box{background:#1b1f27;color:#e5e7ef;border:1px solid #2c3440;box-shadow:0 10px 30px #0000008c}.dark .modal-box h3{color:#8bbdff}.dark .modal-close{color:#f0f4ff}.dark .modal-close:hover{color:#8bbdff}.modal-table th{background:#0d47a1;color:#fff;font-weight:700}.dark .modal-table th{background:#8bbdff;color:#0d1b3a}.modal-table td{font-size:14px}.dark .modal-table td{border-bottom:1px solid #313846}.dark .modal-overlay{background:#000000a6}.modal-table{width:100%;border-collapse:collapse;margin-top:12px}.modal-table th,.modal-table td{border-bottom:1px solid #ddd;padding:10px}.comments-box{width:900px}.comments-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.modal-title{font-size:26px;font-weight:800;margin-bottom:22px;letter-spacing:.3px;background:linear-gradient(90deg,#0d47a1,#1565c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;border-bottom:2px solid #0d47a1;padding-bottom:6px}.dark .modal-title{background:linear-gradient(90deg,#8bbdff,#cfe6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;border-bottom:2px solid #8bbdff}.comments-right-panel{display:flex;flex-direction:column;gap:18px}.section-title{font-size:18px;font-weight:700;margin-bottom:10px}.btn-centered{display:flex;justify-content:center}.btn-primary{padding:10px 18px;background:#1976d2;border-radius:8px;color:#fff;font-size:14px;transition:.2s ease}.btn-danger{padding:10px 18px;background:#c62828;border-radius:8px;color:#fff;transition:.2s ease}.btn-primary:hover{background:#0d47a1}.btn-danger:hover{background:#8e0000}.comment-input,.custom-message{box-sizing:border-box;max-width:100%}.comment-input,.custom-message,.select-reason{background:#f7f7f7!important;color:#1a1a1a!important;border:1px solid #cfcfcf!important;border-radius:8px;padding:10px;box-sizing:border-box}.comment-input:focus,.custom-message:focus,.select-reason:focus{outline:none;border:1px solid #0d47a1!important;background:#fff!important}.dark .comment-input,.dark .custom-message,.dark .select-reason{background:#2a2f3a!important;color:#e6edf3!important;border:1px solid #3a3f4a!important}.dark .comment-input:focus,.dark .custom-message:focus,.dark .select-reason:focus{border:1px solid #8bbdff!important;background:#1f232b!important}.dark .panel-section{background:#1f232b!important;border-color:#2e3440!important}.panel-section{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:16px}.comments-history{background:#f0f2f5;padding:14px;border-radius:12px;height:500px;overflow-y:auto;border:1px solid #d6d9df}.dark .comments-history{background:#1a1d24;border-color:#2a2f38}.comment-item{padding:14px;margin-bottom:12px;background:#fff;border-radius:10px;border-left:4px solid #1976d2;box-shadow:0 2px 4px #00000014;text-align:center}.dark .comment-item{background:#2a2f38;border-left-color:#4ea8ff;box-shadow:0 2px 4px #00000059}.comment-item.escalation{background:#fff6e5;border-left-color:#ff9800}.dark .comment-item.escalation{background:#3a3020;border-left-color:#ffb74d}.comment-meta{font-size:14px;font-weight:600;color:#1a3a5a;opacity:.9;margin-bottom:6px;text-align:center}.dark .comment-meta{color:#c9d7ef;opacity:.95}.comment-text{font-size:16px;font-weight:500;color:#222;line-height:1.45;text-align:center}.dark .comment-text{color:#e9ecf4}.comment-input,.custom-message,.select-reason{width:100%;min-height:45px;padding:10px 12px;font-size:14px;border-radius:10px;border:1px solid #cfd6e1;background:#fff;box-shadow:0 1px 2px #0000000f;transition:all .2s ease;resize:none}.comment-input,.custom-message{min-height:90px}.select-reason{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg fill='%230d47a1' width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px}.comment-input:hover,.custom-message:hover,.select-reason:hover{border-color:#90b6e8}.comment-input:focus,.custom-message:focus,.select-reason:focus{border-color:#0d47a1!important;background:#fdfdff!important;outline:none;box-shadow:0 0 0 3px #0d47a126}.dark .comment-input,.dark .custom-message,.dark .select-reason{background:#2a2f3a!important;border-color:#3a4250!important;color:#e8edf5!important;box-shadow:none}.dark .comment-input:focus,.dark .custom-message:focus,.dark .select-reason:focus{border-color:#8bbdff!important;background:#1f232b!important;box-shadow:0 0 0 3px #8bbdff33}@media (max-width: 768px){.comments-box{max-width:95vw;padding:16px;margin-top:20px;margin-bottom:20px}.comments-grid{grid-template-columns:1fr!important;gap:16px}.btn-primary,.btn-danger{width:80%}}