@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary-maroon:#4d1522;--primary-maroon-dark:#3a0e19;--primary-maroon-light:#641c2c;--accent-crimson:#7b1113;--accent-crimson-hover:#93171a;--accent-crimson-light:#faeaed;--accent-crimson-subtle:#fdf2f4;--bg-page:#f3f4f8;--bg-card:#fff;--bg-hover:#f8fafc;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-maroon:#7b1113;--border-color:#e2e8f0;--border-light:#edf0f5;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000005;--shadow-md:0 4px 14px #4d15220f, 0 2px 6px #00000008;--shadow-lg:0 10px 25px -3px #4d15221a, 0 4px 10px -2px #0000000a;--shadow-maroon:0 4px 14px #7b111347;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-pill:9999px;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7b111333;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#7b111366}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{0%{transform:translate(0%)}to{transform:translate(-50%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.lp-page{background:#f3f4f8;min-height:100vh;font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif;display:flex}.lp-left{background:linear-gradient(160deg,#581420 0%,#360a13 40%,#1a0409 75%,#0a0103 100%);flex:1;justify-content:center;align-items:center;padding:3.5rem;display:flex;position:relative;overflow:hidden}@media (width<=768px){.lp-left{display:none}}.lp-left-content{z-index:1;color:#fff;max-width:420px;position:relative}.lp-logo-mark{align-items:center;gap:1rem;margin-bottom:2.75rem;display:flex}.lp-brand-icon{filter:drop-shadow(0 4px 10px #0000004d);flex-shrink:0}.lp-logo-text{color:#fff;letter-spacing:-.02em;font-size:1.45rem;font-weight:800;line-height:1.1}.lp-logo-badge{color:#ffd1d9;letter-spacing:.12em;text-transform:uppercase;margin-top:2px;font-size:.68rem;font-weight:700}.lp-tagline{letter-spacing:-.02em;color:#fff;margin-bottom:1.25rem;font-size:2.4rem;font-weight:800;line-height:1.2}.lp-desc{color:#ffe6ebd9;margin-bottom:2.5rem;font-size:.95rem;line-height:1.65}.lp-stats{align-items:center;gap:1.5rem;display:flex}.lp-stat{flex-direction:column;gap:.2rem;display:flex}.lp-stat-num{color:#ffd1d9;font-size:1.5rem;font-weight:800}.lp-stat-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:600}.lp-stat-divider{background:#fff3;width:1px;height:36px}.lp-blob{filter:blur(90px);opacity:.35;pointer-events:none;border-radius:50%;position:absolute}.lp-blob1{background:#991b1b;width:420px;height:420px;top:-100px;right:-100px}.lp-blob2{background:#581825;width:340px;height:340px;bottom:-80px;left:-60px}.lp-right{background:#f3f4f8;justify-content:center;align-items:center;width:480px;padding:2.5rem;display:flex}@media (width<=768px){.lp-right{width:100%;padding:1.5rem}}.lp-card{background:#fff;border:1px solid #edf0f5;border-radius:20px;width:100%;max-width:410px;padding:2.5rem;box-shadow:0 4px 6px -1px #4d15220a,0 20px 40px -10px #4d152214}.lp-card-header{margin-bottom:1.75rem}.lp-title{color:#4d1522;letter-spacing:-.02em;margin-bottom:.35rem;font-size:1.65rem;font-weight:800}.lp-subtitle{color:#64748b;font-size:.875rem;font-weight:500}.lp-tabs{background:#f1f3f8;border-radius:999px;gap:4px;margin-bottom:1.75rem;padding:4px;display:flex}.lp-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:.55rem;font-size:.875rem;font-weight:700;transition:all .2s}.lp-tab-active{color:#fff;background:#7b1113;box-shadow:0 2px 8px #7b111340}.lp-form{flex-direction:column;gap:1rem;display:flex}.lp-row{gap:.75rem;display:flex}.lp-row .lp-field{flex:1;min-width:0}.lp-field{flex-direction:column;gap:.4rem;display:flex}.lp-label{color:#334155;font-size:.8rem;font-weight:700}.lp-input-wrap{align-items:center;display:flex;position:relative}.lp-input-icon{color:#94a3b8;pointer-events:none;display:flex;position:absolute;left:.85rem}.lp-input{color:#1e293b;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:.7rem .85rem .7rem 2.5rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s,background .2s}.lp-input:focus{background:#fff;border-color:#7b1113;box-shadow:0 0 0 3px #7b11131f}.lp-input::placeholder{color:#cbd5e1}.lp-eye{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;padding:4px;transition:color .2s;display:flex;position:absolute;right:.75rem}.lp-eye:hover{color:#4d1522}.lp-forgot-row{justify-content:flex-end;margin-top:-.25rem;display:flex}.lp-forgot-btn{color:#7b1113;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:700;transition:color .2s}.lp-forgot-btn:hover{color:#4d1522;text-decoration:underline}.lp-submit{color:#fff;cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#8b1d2c 0%,#7b1113 100%);border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.35rem;padding:.8rem;font-size:.95rem;font-weight:700;transition:opacity .2s,transform .1s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #7b111359}.lp-submit:hover:not(:disabled){opacity:.95;transform:translateY(-1px);box-shadow:0 6px 20px #7b111373}.lp-submit:active:not(:disabled){transform:translateY(0)}.lp-submit:disabled{opacity:.65;cursor:not-allowed}.lp-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite lp-spin}@keyframes lp-spin{to{transform:rotate(360deg)}}.lp-msg{word-break:break-word;overflow-wrap:anywhere;border-radius:10px;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem;font-size:.85rem;font-weight:600;line-height:1.5;display:flex}.lp-msg-error{color:#8b1d2c;background:#faeaed;border:1px solid #f8c9d2}.lp-msg-success{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.lp-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#3a0e1999;justify-content:center;align-items:center;animation:.15s lp-fade-in;display:flex;position:fixed;inset:0}@keyframes lp-fade-in{0%{opacity:0}to{opacity:1}}.lp-modal{background:#fff;border-radius:20px;width:100%;max-width:420px;max-height:90vh;margin:1rem;padding:2.5rem;animation:.2s lp-slide-up;position:relative;overflow-y:auto;box-shadow:0 25px 60px #3a0e1940}@keyframes lp-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.lp-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:background .2s;display:flex;position:absolute;top:1rem;right:1rem}.lp-modal-close:hover{background:#e2e8f0}.lp-modal-icon{color:#7b1113;background:#faeaed;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.25rem;display:flex}.lp-modal-title{color:#4d1522;margin-bottom:.5rem;font-size:1.25rem;font-weight:800}.lp-modal-desc{color:#64748b;margin-bottom:1.5rem;font-size:.875rem;line-height:1.6}.captcha-container{-webkit-user-select:none;user-select:none;justify-content:flex-start;margin-top:.5rem;margin-bottom:.5rem;display:flex}.captcha-box{box-sizing:border-box;background:#fdfafb;border:1px solid #e8d0d5;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:74px;padding:0 14px;display:flex;box-shadow:0 1px 4px #4d15220f}.captcha-left{align-items:center;gap:12px;display:flex}.captcha-checkbox-wrapper{cursor:pointer;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:relative}.captcha-checkbox-box{box-sizing:border-box;background:#fff;border:2px solid #c1c1c1;border-radius:4px;width:24px;height:24px;transition:border-color .2s}.captcha-checkbox-box:hover{border-color:#7b1113}.captcha-spinner{box-sizing:border-box;border:2.5px solid #7b1113;border-top-color:#0000;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite captcha-spin}@keyframes captcha-spin{to{transform:rotate(360deg)}}.captcha-checkmark{width:32px;height:32px;animation:.2s cubic-bezier(.175,.885,.32,1.275) pop-in}@keyframes pop-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.captcha-text{color:#334155;font-size:14px;font-weight:500}.captcha-right{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.captcha-logo-wrapper{flex-direction:column;align-items:center;gap:2px;display:flex}.captcha-logo{width:24px;height:24px}.captcha-logo-text{color:#7b1113;letter-spacing:.5px;font-size:8px;font-weight:600}.captcha-links{color:#8c828a;gap:2px;font-size:8px;display:flex}.captcha-links a{color:#7b1113;text-decoration:none}.captcha-links a:hover{text-decoration:underline}.sla-loading{text-align:center;color:#64748b;padding:2rem;font-size:1rem}.sla-report-container{background:#f3f4f8;border-radius:1rem;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.sla-summary-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.summary-card{text-align:center;background:#fff;border:1px solid #eef0f4;border-radius:14px;flex-direction:column;align-items:center;padding:1.25rem 1.5rem;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #4d152214}.summary-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem;font-size:.8rem;font-weight:700}.summary-value{color:#7b1113;margin-bottom:.25rem;font-size:2rem;font-weight:800}.summary-detail{color:#94a3b8;font-size:.75rem}.sla-controls{background:#fff;border:1px solid #eef0f4;border-radius:14px;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 2px 8px #0000000a}.btn-export{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b1d2c 0%,#7b1113 100%);border:none;border-radius:999px;padding:.6rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #7b111340}.btn-export:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7b111359}.btn-export:active{transform:translateY(0)}.column-toggle{flex-wrap:wrap;gap:1.5rem;display:flex}.column-toggle label{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.column-toggle input[type=checkbox]{cursor:pointer;accent-color:#7b1113;width:1rem;height:1rem}.sla-table-wrapper{background:#fff;border:1px solid #eef0f4;border-radius:16px;max-height:600px;overflow:auto;box-shadow:0 2px 10px #0000000a}.sla-table{border-collapse:collapse;width:100%;font-size:.875rem}.sla-table thead{color:#fff;z-index:10;background:linear-gradient(135deg,#8b1d2c 0%,#7b1113 100%);position:sticky;top:0}.sla-table th{text-align:left;white-space:nowrap;border-right:1px solid #ffffff26;padding:.85rem .75rem;font-weight:700}.sla-table th:last-child{border-right:none}.sla-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.sla-table th.sortable:hover{background:linear-gradient(135deg,#7b1113 0%,#581825 100%)}.sla-table td{border-bottom:1px solid #f1f5f9;padding:.85rem .75rem}.sla-table tbody tr{transition:background-color .2s}.sla-table tbody tr:hover{background-color:#fcf6f7}.sla-table .ticket-id{color:#7b1113;font-weight:700}.sla-table .title{white-space:nowrap;text-overflow:ellipsis;max-width:250px;overflow:hidden}.sla-table .raised-by{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.status-badge{border-radius:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.status-open{color:#92400e;background:#fef3c7}.status-badge.status-in\ progress{color:#1e40af;background:#dbeafe}.status-badge.status-resolved{color:#065f46;background:#d1fae5}.status-badge.status-closed{color:#374151;background:#e5e7eb}.status-badge.status-blocked{color:#7f1d1d;background:#fee2e2}.priority-badge{border-radius:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.priority-badge.critical{color:#991b1b;background:#fee2e2}.priority-badge.high{color:#92400e;background:#fed7aa}.priority-badge.medium{color:#713f12;background:#fef3c7}.priority-badge.low{color:#1e40af;background:#dbeafe}.empty-state{text-align:center;color:#94a3b8;font-style:italic;padding:2rem!important}@media (width<=768px){.sla-report-container{padding:1rem}.sla-summary-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.summary-card{padding:1rem}.summary-value{font-size:1.5rem}.sla-controls{flex-direction:column;align-items:flex-start;gap:1rem}.column-toggle{gap:.75rem;width:100%}.sla-table{font-size:.75rem}.sla-table th,.sla-table td{padding:.5rem .375rem}.sla-table-wrapper{max-height:400px}}.tech-sla-container{background:#f3f4f8;border-radius:1rem;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.tech-sla-loading{text-align:center;color:#64748b;padding:2rem;font-size:1rem}.tech-sla-filters{background:#fff;border:1px solid #eef0f4;border-radius:14px;flex-wrap:wrap;align-items:flex-end;gap:1rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 2px 8px #0000000a}.filter-input,.filter-select{color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:999px;padding:.6rem .9rem;font-family:inherit;font-size:.875rem;transition:all .2s}.filter-input::placeholder{color:#94a3b8}.filter-input:focus,.filter-select:focus{background:#fff;border-color:#7b1113;outline:none;box-shadow:0 0 0 3px #7b11131f}.filter-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b1d2c 0%,#7b1113 100%);border:none;border-radius:999px;padding:.6rem 1.35rem;font-size:.875rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #7b111340}.filter-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7b111359}.filter-btn:active{transform:translateY(0)}.tech-sla-metrics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.metric-card{text-align:center;background:#fff;border:1px solid #eef0f4;border-radius:14px;flex-direction:column;align-items:center;padding:1.25rem 1.5rem;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #4d152214}.metric-card.highlight{background:#fff;border:2px solid #7b1113}.metric-icon{margin-bottom:.5rem;font-size:2rem}.metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem;font-size:.8rem;font-weight:700}.metric-value{color:#7b1113;margin-bottom:.25rem;font-size:2rem;font-weight:800}.metric-detail{color:#94a3b8;font-size:.75rem;font-weight:500}.recent-tickets{background:#fff;border:1px solid #eef0f4;border-radius:16px;padding:1.5rem;box-shadow:0 2px 10px #0000000a}.recent-title{color:#4d1522;margin:0 0 1rem;font-size:1.125rem;font-weight:800}.tickets-list{flex-direction:column;gap:.75rem;display:flex}.ticket-item{background:#fff;border:1px solid #eef0f4;border-radius:12px;align-items:flex-start;gap:1.25rem;min-height:80px;padding:1rem 1.25rem;transition:all .2s;display:flex}.ticket-item:hover{background:#fcf6f7;border-color:#f2cfd5;transform:translateY(-2px)}.ticket-badge{color:#7b1113;word-break:break-all;text-align:center;background:#faeaed;border:1px solid #f2cfd5;border-radius:999px;flex-shrink:0;min-width:120px;max-width:140px;padding:.45rem .85rem;font-family:inherit;font-size:.75rem;font-weight:700;transition:all .2s}.ticket-item:hover .ticket-badge{background:#f8d7dc;border-color:#7b1113}.ticket-content{flex-direction:column;flex:1;gap:.4rem;display:flex}.ticket-title{color:#0f172a;word-break:break-word;font-size:.95rem;font-weight:700;line-height:1.4}.ticket-metadata{color:#64748b;flex-wrap:wrap;align-items:center;gap:1.25rem;font-size:.8rem;display:flex}.metadata-item{align-items:center;display:flex}.ticket-status{white-space:nowrap;border-radius:.25rem;padding:.375rem .875rem;font-size:.75rem;font-weight:600}.ticket-status.status-open{color:#92400e;background:#fef3c7}.ticket-status.status-in\ progress{color:#1e40af;background:#dbeafe}.ticket-status.status-resolved{color:#065f46;background:#d1fae5}.ticket-status.status-closed{color:#374151;background:#e5e7eb}.ticket-status.status-blocked{color:#7f1d1d;background:#fee2e2}.ticket-status.status-reopened{color:#92400e;background:#fef3c7}.tickets-list-container{-webkit-backdrop-filter:blur(4px);background:#f8fafc4d;border:1px solid #ffffff4d;border-radius:.5rem;max-height:400px;margin-bottom:1rem;padding:.5rem;overflow-y:auto}.tickets-list-container::-webkit-scrollbar{width:8px}.tickets-list-container::-webkit-scrollbar-track{background:0 0;border-radius:4px}.tickets-list-container::-webkit-scrollbar-thumb{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#cbd5e199;border-radius:4px}.tickets-list-container::-webkit-scrollbar-thumb:hover{background:#94a3b8cc}.pagination-controls{border-top:1px solid #ffffff4d;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;padding:1rem 0;display:flex}.pagination-btn{-webkit-backdrop-filter:blur(6px);color:#4f46e5;cursor:pointer;background:#6366f133;border:1px solid #6366f166;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .3s}.pagination-btn:hover:not(:disabled){background:#6366f14d;border-color:#6366f199;transform:translateY(-2px);box-shadow:0 8px 16px #6366f133}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:#64748b;text-align:center;-webkit-backdrop-filter:blur(4px);background:#ffffff4d;border:1px solid #fff3;border-radius:.375rem;min-width:160px;padding:.5rem 1rem;font-size:.875rem;font-weight:600}@media (width<=768px){.tech-sla-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tech-sla-filters{flex-direction:column;align-items:stretch}.filter-input,.filter-select,.filter-btn{width:100%}.metric-card{padding:1rem}.metric-value{font-size:1.5rem}.ticket-item{flex-direction:column;gap:.75rem;min-height:auto}.ticket-badge{min-width:100%;max-width:100%}.ticket-metadata{gap:.75rem;font-size:.8rem}.pagination-controls{flex-direction:column;gap:.75rem}.pagination-info{min-width:auto}}