.login-page{padding:2rem 0;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at top,#192742 0,#050816 45%,#02030a)}.login-page .login-card .messages-container{width:100%;display:flex;flex-direction:column;gap:.5rem;margin:1rem 0 0}.login-page .login-card .messages-container .message{width:100%;border:1px solid transparent;border-radius:6px;padding:.8rem .6rem}.login-page .login-card .messages-container .message p{margin:0;font-size:.8rem;color:#fff}.login-page .login-card .messages-container .message.error{border-color:#ec4356;background:#b91c1c59}.login-page .login-card .messages-container .message.error p{color:#fecaca}.notification-frame{width:100%;height:100%;position:fixed;z-index:1000;pointer-events:none}.notification-frame .notification-container{width:100%;max-width:320px;padding:.5rem .8rem;border-radius:4px;height:auto;position:absolute;display:flex;align-items:center;gap:.5rem;pointer-events:all;color:#fff;box-shadow:0 2px 10px #00000026;transition:opacity .3s ease-in-out}.notification-frame .notification-container .close-btn{position:absolute;top:1px;right:0;border-radius:2px 4px 2px 2px;border:0;background-color:transparent;color:#eee;width:26px;height:26px;cursor:pointer}.notification-frame .notification-container .close-btn svg{width:100%;height:100%}.notification-frame .notification-container .close-btn:hover{background-color:#ffffff1a}.notification-frame .notification-container .content-container{width:100%;height:100%;display:flex;flex-direction:column;gap:2px}.notification-frame .notification-container .content-container .content-message{width:100%;font-size:1rem;line-height:1rem;font-weight:400;color:#eee}.notification-frame .notification-container .content-container .content-description{width:100%;font-size:.9rem;line-height:1rem;font-weight:400;color:#eee}.notification-frame .notification-container .icon-container{height:24px;width:24px;display:flex;align-items:center;justify-content:center}.notification-frame .notification-container .icon-container svg{height:1.2rem;width:1.2rem}.notification-frame .notification-container.success{background-color:#268e4c}.notification-frame .notification-container.info{background-color:#206cb0}.notification-frame .notification-container.error{background-color:#c90e0e}.notification-frame .notification-container.top-center{top:1rem;left:50%;transform:translate(-50%);animation:show-top-center 1s ease-out}@keyframes show-top-center{0%{top:-100%}to{top:1rem}}.notification-frame .notification-container.top-left{top:1rem;left:1rem}.notification-frame .notification-container.top-right{top:1rem;right:1rem}.notification-frame .notification-container.bottom-center{bottom:1rem;left:50%;transform:translate(-50%)}.notification-frame .notification-container.bottom-left{bottom:1rem;left:1rem}.notification-frame .notification-container.bottom-right{bottom:1rem;right:1rem}.notification-frame .notification-container.deleted{opacity:0;pointer-events:none}.registration-page{padding:2rem 0;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at top,#192742 0,#050816 45%,#02030a)}.registration-page .registration-card{width:100%;max-width:420px}.registration-page .registration-card .registration-header{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.registration-page .registration-card .registration-header img{height:160px;width:auto}.registration-page .registration-card .registration-header .registration-titles-container{width:100%;display:flex;flex-direction:column;align-items:center}.registration-page .registration-card .registration-header .registration-titles-container .registration-title{font-size:2rem;font-weight:700;color:#fff}.registration-page .registration-card .registration-header .registration-titles-container .registration-subtitle{font-size:1.1rem;font-weight:500;color:#7ce9ff}.registration-page .registration-card .message-container{width:100%;display:flex;flex-direction:column;gap:.5rem;margin:1rem 0 0}.registration-page .registration-card .message-container .message{width:100%;border:1px solid #fefefe;background:#ffffff1a;border-radius:6px;padding:.8rem}.registration-page .registration-card .message-container .message p{margin:0;font-size:.8rem;color:#fff}.registration-page .registration-card .message-container .message.error{border-color:#ec4356;background:#b91c1c59}.registration-page .registration-card .message-container .message.error p{color:#fecaca}.registration-page .registration-card .registration-form{width:100%;padding:16px 0;display:flex;flex-direction:column;gap:1rem}.registration-page .registration-card .registration-form .registration-input-element{width:100%;display:flex;flex-direction:column;gap:.4rem}.registration-page .registration-card .registration-form .registration-input-element .input-label{padding-left:.2rem;font-size:.8rem;font-weight:500;text-transform:uppercase;color:#9ca3af}.registration-page .registration-card .registration-form .registration-input-element .input{width:100%;height:40px;padding:0 8px;border-radius:8px;border:1px solid rgba(148,163,184,.5);background:#0f172ae6;color:#e5e7eb;font-size:.9rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.registration-page .registration-card .registration-form .registration-input-element .input-password-container{position:relative;width:100%}.registration-page .registration-card .registration-form .registration-input-element .input-password-container .show-password-btn{width:40px;height:40px;position:absolute;display:flex;align-items:center;justify-content:center;padding:0;top:0;right:0;cursor:pointer;border-radius:.4rem;border:0;background-color:transparent;transition:all .1s ease}.registration-page .registration-card .registration-form .registration-input-element .input-password-container .show-password-btn:hover{border:1px solid #3b6ee8;background-color:#ffffff0d}.registration-page .registration-card .registration-form .registration-input-element .registration-field-error{padding-left:.2rem;font-size:.8rem;font-weight:400;color:#ec4356}.registration-page .registration-card .registration-form .registration-forgot-container{width:100%;display:flex;align-items:center;justify-content:flex-end}.registration-page .registration-card .registration-form .registration-forgot-container .forgot-btn{width:auto;padding:2px 8px;background-color:transparent;cursor:pointer;border:0;color:#a5b4fc}.registration-page .registration-card .registration-form .registration-forgot-container .forgot-btn:hover{color:#c7d2fe}.registration-page .registration-card .registration-form .registration-btn{width:100%;height:40px;border-radius:6px;border:none;font-weight:700;color:#fff;text-transform:uppercase;cursor:pointer;letter-spacing:.08em;background:#0ea5e9;transition:all .15s ease-out}.registration-page .registration-card .registration-form .registration-btn:hover{background:#0d6b93}.registration-page .registration-card .registration-register-container{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem 0}.registration-page .registration-card .registration-register-container p{font-size:.85rem;color:#e5e7eb}.registration-page .registration-card .registration-register-container button{color:#e5f3ff;font-weight:600;text-decoration:underline;background:transparent;border:none;padding:0;border-radius:0;cursor:pointer}.login-page{padding:2rem 0;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at top,#192742 0,#050816 45%,#02030a)}.login-page .login-card{width:100%;max-width:420px}.login-page .login-card .login-header{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.login-page .login-card .login-header img{height:160px;width:auto}.login-page .login-card .login-header .login-titles-container{width:100%;display:flex;flex-direction:column;align-items:center}.login-page .login-card .login-header .login-titles-container .login-title{font-size:2rem;font-weight:700;color:#fff}.login-page .login-card .login-header .login-titles-container .login-subtitle{font-size:1.1rem;font-weight:500;color:#7ce9ff}.login-page .login-card .message-container{width:100%;display:flex;flex-direction:column;gap:.5rem;margin:1rem 0 0}.login-page .login-card .message-container .message{width:100%;border:1px solid transparent;border-radius:6px;padding:.8rem .6rem}.login-page .login-card .message-container .message p{margin:0;font-size:.8rem;color:#fff}.login-page .login-card .message-container .message.error{border-color:#ec4356;background:#b91c1c59}.login-page .login-card .message-container .message.error p{color:#fecaca}.login-page .login-card .login-form{width:100%;padding:16px 0;display:flex;flex-direction:column;gap:1rem}.login-page .login-card .login-form .login-input-element{width:100%;display:flex;flex-direction:column;gap:.4rem}.login-page .login-card .login-form .login-input-element .input-label{padding-left:.2rem;font-size:.8rem;font-weight:500;text-transform:uppercase;color:#9ca3af}.login-page .login-card .login-form .login-input-element .input{width:100%;height:40px;padding:0 8px;border-radius:8px;border:1px solid rgba(148,163,184,.5);background:#0f172ae6;color:#e5e7eb;font-size:.9rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.login-page .login-card .login-form .login-input-element .input-password-container{position:relative;width:100%}.login-page .login-card .login-form .login-input-element .input-password-container .show-password-btn{width:40px;height:40px;position:absolute;display:flex;align-items:center;justify-content:center;padding:0;top:0;right:0;cursor:pointer;border-radius:.4rem;border:0;background-color:transparent;transition:all .1s ease}.login-page .login-card .login-form .login-input-element .input-password-container .show-password-btn:hover{border:1px solid #3b6ee8;background-color:#ffffff0d}.login-page .login-card .login-form .login-input-element .login-field-error{padding-left:.2rem;font-size:.8rem;font-weight:400;color:#ec4356}.login-page .login-card .login-form .login-forgot-container{width:100%;display:flex;align-items:center;justify-content:flex-end}.login-page .login-card .login-form .login-forgot-container .forgot-btn{width:auto;padding:2px 8px;background-color:transparent;cursor:pointer;border:0;color:#a5b4fc}.login-page .login-card .login-form .login-forgot-container .forgot-btn:hover{color:#c7d2fe}.login-page .login-card .login-form .login-btn{width:100%;height:40px;border-radius:6px;border:none;font-weight:700;color:#fff;text-transform:uppercase;cursor:pointer;letter-spacing:.08em;background:#0ea5e9;transition:all .15s ease-out}.login-page .login-card .login-form .login-btn:hover{background:#0d6b93}.login-page .login-card .login-register-container{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.login-page .login-card .login-register-container p{font-size:.85rem;color:#e5e7eb}.login-page .login-card .login-register-container button{color:#e5f3ff;font-weight:600;text-decoration:underline;background:transparent;border:none;padding:0;border-radius:0;cursor:pointer}.homepage-container{padding:0;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;background:linear-gradient(45deg,#101421 40%,#252a3f)}.homepage-container .home-container{padding:1rem;width:100%;height:100%;display:flex;gap:1.5rem}.homepage-container .home-container .home-left-container{height:100%;width:240px;min-width:240px;max-width:240px;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem}.homepage-container .home-container .home-left-container .status-card{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff03;background:linear-gradient(90deg,#131725,#252a3f);border-radius:8px;border:1px solid rgba(255,255,255,.1);border-width:1px 2px 0 0;padding:.5rem 1rem 1rem;box-shadow:2px 2px 2px #0003,-1px 2px 2px #0003}.homepage-container .home-container .home-left-container .status-card .status-number{font-size:2.5rem;line-height:3.5rem;color:#fefefe}.homepage-container .home-container .home-left-container .status-card .total-open-tickets{font-size:1.1rem;line-height:2rem;color:#c9d1dd}.homepage-container .home-container .home-left-container .status-card .status-type{font-size:1.1rem;line-height:2rem;color:#fefefe}.homepage-container .home-container .home-left-container .status-card .status-percentage{font-size:.9rem;color:#c9d1dd}.homepage-container .home-container .home-right-container{width:100%;height:100%;display:flex;align-items:center;background:#ffffff03;background:linear-gradient(45deg,#131725 20%,#252a3f);border-radius:8px;gap:2rem;border:1px solid rgba(255,255,255,.08);border-width:1px 1px 0 0;box-shadow:-1px 1px 2px #ffffff0d;padding:2rem 2rem 2rem 3rem}.homepage-container .home-container .home-right-container .left-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.homepage-container .home-container .home-right-container .left-container .status-chart-container{width:100%;max-width:360px;height:100%;display:flex;align-items:center;justify-content:center}.homepage-container .home-container .home-right-container .left-container .status-chart-container svg{width:100%;height:auto;filter:drop-shadow(1px 1px 2px rgba(255,255,255,.08))}.homepage-container .home-container .home-right-container .left-container .status-summary-container{width:100%;max-width:360px;display:flex;flex-direction:column;background-color:#1a2032;border-radius:6px;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.08)}.homepage-container .home-container .home-right-container .left-container .status-summary-container .status-summary-element{width:100%;display:flex;align-items:center;gap:1.5rem;padding:.5rem}.homepage-container .home-container .home-right-container .left-container .status-summary-container .status-summary-element:nth-child(2){border:1px solid rgba(255,255,255,.1);border-width:1px 0}.homepage-container .home-container .home-right-container .left-container .status-summary-container .status-summary-element .icon-container{width:24px;height:24px;min-width:24px;display:flex;align-items:center;justify-content:center}.homepage-container .home-container .home-right-container .left-container .status-summary-container .status-summary-element .icon-container svg{width:auto;height:100%}.homepage-container .home-container .home-right-container .left-container .status-summary-container .status-summary-element .status-summary-type{width:100%;font-size:1.1rem;line-height:2rem;color:#fefefe}.homepage-container .home-container .home-right-container .left-container .status-summary-container .status-summary-element .status-summary-percentage{font-size:1rem;color:#c9d1dd}.homepage-container .home-container .home-right-container .right-container{width:50%;min-width:280px;height:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.homepage-container .home-container .home-right-container .right-container .admin-button{width:100%;height:48px;border:1px solid transparent;border-radius:8px;background:linear-gradient(45deg,#1a3e3b,#2c7156,#2f635f);background-size:200% 100%;background-position:0 0;border:1px solid rgba(255,255,255,.02);border-width:1px 1px 1px 0;color:#fff;font-size:1rem;font-weight:500;position:relative;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 2px 5px #0000001a}.homepage-container .home-container .home-right-container .right-container .admin-button:hover{background-position:100% 0}.homepage-container .home-container .home-right-container .right-container .normal-button{width:100%;height:48px;border:1px solid transparent;border-radius:8px;background:linear-gradient(45deg,#222a3f,#213e6a,#31608a);background-size:200% 100%;background-position:0 0;border:1px solid rgba(255,255,255,.02);border-width:1px 1px 1px 0;color:#fff;font-size:1rem;font-weight:500;position:relative;padding-right:1rem;box-shadow:0 2px 5px #0000001a;cursor:pointer;transition:all .3s ease-in-out}.homepage-container .home-container .home-right-container .right-container .normal-button span{display:flex;align-items:center;position:absolute;top:50%;right:2.5rem;transform:translateY(-50%)}.homepage-container .home-container .home-right-container .right-container .normal-button span svg{height:.9rem;width:auto}.homepage-container .home-container .home-right-container .right-container .normal-button:hover{background-position:100% 0}.homepage-container .home-container .home-right-container .right-container .add-button{width:100%;height:48px;border:1px solid transparent;border-radius:8px;background:linear-gradient(45deg,#184830,#215e3f,#37835d);background-size:200% 100%;background-position:0 0;border:1px solid rgba(255,255,255,.02);border-width:1px 1px 1px 0;color:#fff;font-size:1rem;font-weight:500;position:relative;padding-right:1rem;box-shadow:0 2px 5px #0000001a;cursor:pointer;transition:all .3s ease-in-out}.homepage-container .home-container .home-right-container .right-container .add-button span{display:flex;align-items:center;position:absolute;top:50%;right:2.5rem;transform:translateY(-50%)}.homepage-container .home-container .home-right-container .right-container .add-button span svg{height:.9rem;width:auto}.homepage-container .home-container .home-right-container .right-container .add-button:hover{background-position:100% 0}.homepage-container .home-container .home-right-container .right-container .remove-button{width:100%;height:48px;border:1px solid transparent;border-radius:8px;background:linear-gradient(45deg,#6a1819,#7f1d1f,#a8282a);background-size:200% 100%;background-position:0 0;border:1px solid rgba(255,255,255,.02);border-width:1px 1px 1px 0;color:#fff;font-size:1rem;font-weight:500;position:relative;padding-right:1rem;box-shadow:0 2px 5px #0000001a;cursor:pointer;transition:all .3s ease-in-out}.homepage-container .home-container .home-right-container .right-container .remove-button span{display:flex;align-items:center;position:absolute;top:50%;right:2.5rem;transform:translateY(-50%)}.homepage-container .home-container .home-right-container .right-container .remove-button span svg{height:.9rem;width:auto}.homepage-container .home-container .home-right-container .right-container .remove-button:hover{background-position:100% 0}.catalog-modal-overlay{position:fixed;inset:0;background:#0f172acc;display:flex;align-items:center;justify-content:center;z-index:50}.catalog-modal{background:linear-gradient(180deg,#0f172afa,#0f172af2);border-radius:18px;padding:1.6rem 1.8rem;width:100%;max-width:420px;box-shadow:0 20px 45px #0009;border:1px solid rgba(55,65,81,.9)}.catalog-modal-title{margin:0 0 1rem;font-size:.95rem;letter-spacing:.16em;text-transform:uppercase;color:#e5e7eb}.catalog-input{width:100%;padding:.7rem .8rem;border-radius:10px;border:1px solid rgba(75,85,99,.9);background:#0f172acc;color:#e5e7eb;font-size:.9rem}.catalog-input::placeholder{color:#6b7280}.catalog-modal-message{margin-top:.8rem;font-size:.8rem;color:#e5e7eb}.catalog-modal-actions{margin-top:1.2rem;display:flex;gap:.6rem;justify-content:flex-end}.btn-modal-primary{padding:.6rem 1.1rem;border-radius:999px;border:none;background:linear-gradient(90deg,#22c55e,#4ade80);color:#fff;font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.btn-modal-secondary{padding:.6rem 1.1rem;border-radius:999px;border:1px solid rgba(148,163,184,.9);background:transparent;color:#e5e7eb;font-weight:600;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.btn-modal-danger{padding:.6rem 1.1rem;border-radius:999px;border:none;background:linear-gradient(90deg,#7f1d1f,#a8282a);color:#fff;font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.profile-page{min-height:100vh;background:radial-gradient(circle at top,#192742,#050816 45%,#02030a)}.profile-main{max-width:1200px;margin:0 auto;min-height:calc(100vh - 64px);padding:0 1.5rem 3rem;display:flex;align-items:center;justify-content:center}.profile-card{width:100%;max-width:760px;background:linear-gradient(180deg,#060c20f2,#020617fa);border-radius:20px;padding:2rem 2.25rem 1.25rem;box-shadow:0 20px 45px #0009;border:1px solid rgba(51,65,85,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:1.5rem}.profile-title{margin:0;font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase;color:#e5e7eb;text-align:center}.profile-info{display:flex;flex-direction:column;gap:.75rem}.profile-row{display:flex;justify-content:space-between;gap:1.5rem}.profile-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:#9ca3af}.profile-value{font-size:.95rem;color:#e5e7eb;font-weight:500}.profile-actions{display:flex;flex-direction:row;gap:.75rem;justify-content:center;margin-top:.5rem}.profile-btn{padding:.7rem 1.2rem;border-radius:999px;border:1px solid transparent;font-size:.85rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.profile-btn-danger{background:linear-gradient(135deg,#ef4444,#f97373);color:#fef2f2;box-shadow:0 12px 30px #f8717173}.profile-btn-danger:hover{background-color:var(--btn-danger-hover-bg);color:var(--btn-danger-hover-text);border-color:var(--btn-danger-hover-border)}.profile-btn-secondary{margin-top:.75rem;align-self:center;background:transparent;border-color:#64748b;color:#e5e7eb}.profile-password-form{margin-top:1rem;padding-top:1rem;border-top:1px dashed rgba(75,85,99,.8);display:flex;flex-direction:column;gap:.75rem}.profile-input-group{display:flex;flex-direction:column;gap:.35rem}.profile-input-label{font-size:.78rem;color:#9ca3af}.profile-input{padding:.55rem .75rem;border-radius:10px;border:1px solid rgba(75,85,99,.9);background-color:#0f172ad9;color:#e5e7eb;font-size:.9rem}.profile-input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf8b3}.profile-message{font-size:.8rem;margin:.25rem 0 0}.profile-message-error{color:#fca5a5}.profile-message-success{color:#6ee7b7}.profile-password-actions{display:flex;justify-content:center;margin-top:.5rem}@media(max-width:640px){.profile-main{padding-top:80px}.profile-card{padding:1.6rem 1.4rem}.profile-row{flex-direction:column;align-items:flex-start;gap:.25rem}.profile-actions{flex-direction:column}}.ticket-form-page{padding:2rem;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at top,#192742 0,#050816 45%,#02030a)}.ticket-form-page .ticket-form{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.ticket-form-page .ticket-form .ticket-form-section{width:100%;display:flex;flex-direction:column;gap:1rem;padding:1rem 0;background:#02061799;border:1px solid rgba(30,41,59,.9);border-radius:8px;box-shadow:0 20px 45px #0000008c}.ticket-form-page .ticket-form .ticket-form-section .separator{width:100%;height:0px;margin:.5rem 0 0;border-bottom:1px solid rgba(255,255,255,.1)}.ticket-form-page .ticket-form .ticket-form-section legend{font-size:.9rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#e5e7eb;background-color:transparent;margin:0 1rem;padding:0 8px}.ticket-form-page .ticket-form .ticket-form-section .input-element{width:100%;padding:0 1.6rem;display:flex;flex-direction:column;gap:.25rem}.ticket-form-page .ticket-form .ticket-form-section .input-element label{font-size:.8rem;font-weight:600;letter-spacing:.05rem;text-transform:uppercase;color:#e5e7eb}.ticket-form-page .ticket-form .ticket-form-section .input-element input{width:100%;height:32px;border-radius:4px;border:1px solid rgba(30,41,59,.9);background:#ffffff21;color:#fff;padding:0 .5rem}.ticket-form-page .ticket-form .ticket-form-section .input-element select{width:100%;height:32px;font-weight:500;border-radius:4px;border:1px solid rgba(30,41,59,.9);background:#ffffff21;color:#fff;padding:0 .5rem}.ticket-form-page .ticket-form .ticket-form-section .input-element select option{background:#02061799}.ticket-form-page .ticket-form .ticket-form-section .input-element textarea{width:100%;height:auto;border-radius:4px;border:1px solid rgba(30,41,59,.9);background:#ffffff21;color:#fff;padding:.5rem;resize:none}.ticket-form-page .ticket-form .ticket-form-section .input-element .files-list-container{width:100%;display:flex;align-items:center;gap:1rem}.ticket-form-page .ticket-form .ticket-form-section .input-element .files-list-container .file-element{min-width:104px;min-height:104px;max-width:104px;max-height:104px;margin:.5rem 0;border-radius:6px;border:1px solid rgba(30,41,59,.9);background:#ffffff21;position:relative;display:flex}.ticket-form-page .ticket-form .ticket-form-section .input-element .files-list-container .file-element .hover-container{display:none;z-index:10}.ticket-form-page .ticket-form .ticket-form-section .input-element .files-list-container .file-element .hover-container button{width:24px;height:24px;position:absolute;display:flex;align-items:center;justify-content:center;border-radius:2px;border:0;background-color:transparent;top:0;right:0;cursor:pointer;color:#fff}.ticket-form-page .ticket-form .ticket-form-section .input-element .files-list-container .file-element .hover-container button:hover{background-color:#ffffff1a}.ticket-form-page .ticket-form .ticket-form-section .input-element .files-list-container .file-element .file-element-container{width:100%;padding:1rem 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5rem}.ticket-form-page .ticket-form .ticket-form-section .input-element .files-list-container .file-element .file-element-container .icon-container{color:#fff}.ticket-form-page .ticket-form .ticket-form-section .input-element .files-list-container .file-element .file-element-container .icon-container svg{width:30px;height:30px}.ticket-form-page .ticket-form .ticket-form-section .input-element .files-list-container .file-element .file-element-container p{color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 8px;font-size:10px;word-break:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket-form-page .ticket-form .ticket-form-section .input-element .files-list-container .file-element:hover{background:#ffffff2e;cursor:pointer}.ticket-form-page .ticket-form .ticket-form-section .input-element .files-list-container .file-element:hover .hover-container{display:flex}.ticket-form-page .ticket-form .ticket-form-section .input-element .input-file-container{width:100%;display:flex;align-items:center;padding:.5rem 0}.ticket-form-page .ticket-form .ticket-form-section .input-element .input-file-container button{width:160px;height:40px;white-space:nowrap;font-weight:500;border:1px solid rgb(30,41,59);background:#ffffff21;color:#eee;border-radius:4px;cursor:pointer;transition:all .15s ease-out}.ticket-form-page .ticket-form .ticket-form-section .input-element .input-file-container button:hover{background:#fff3}.ticket-form-page .ticket-form .ticket-form-section .input-element .attachments-input-file{display:none}.ticket-form-page .ticket-form .ticket-form-section .row-container{width:100%;display:flex;align-items:center}.ticket-form-page .ticket-form .form-actions{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:1.5rem;margin-top:1.5rem}.ticket-form-page .ticket-form .form-actions button{min-width:220px;height:40px;white-space:nowrap;border:none;font-weight:500;color:#fff;cursor:pointer;font-size:1rem;transition:all .15s ease-out;border:1px solid #222a3f;border-radius:4px;background-color:#2d6697}.ticket-form-page .ticket-form .form-actions button:hover{background-color:#213e6a}.ticket-form-page .ticket-form .form-actions button[type=submit]{background-color:#37835d}.ticket-form-page .ticket-form .form-actions button[type=submit]:hover{background-color:#1b5d3c}.follow-up-page-container{padding:0;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;background:linear-gradient(45deg,#101421 40%,#252a3f)}.follow-up-page-container .follow-up-container{padding:1rem;width:100%;display:flex;flex-direction:column;gap:1.5rem}.follow-up-page-container .follow-up-container .status-cards-container{width:100%;display:flex;align-items:center;justify-content:space-between;gap:2rem}.follow-up-page-container .follow-up-container .status-cards-container .status-card{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#23283b;border-radius:8px;border:1px solid rgba(255,255,255,.1);border-width:1px 1px 1px 1px;padding:.5rem 1rem 1rem;box-shadow:0 1px 10px #0000004d}.follow-up-page-container .follow-up-container .status-cards-container .status-card .status-number{font-size:2rem;line-height:2.5rem;color:#fefefe}.follow-up-page-container .follow-up-container .status-cards-container .status-card .total-open-tickets{font-size:1rem;line-height:1.1rem;color:#c9d1dd}.follow-up-page-container .follow-up-container .status-cards-container .status-card .status-type{font-size:1rem;line-height:1.1rem;color:#fefefe}.follow-up-page-container .follow-up-container .status-cards-container .status-card .status-percentage{font-size:.9rem;color:#c9d1dd}.follow-up-page-container .follow-up-container .filters-container{width:100%;display:flex;flex-direction:column;position:relative}.follow-up-page-container .follow-up-container .filters-container .filters-header{cursor:pointer;width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;border-radius:6px;background-color:#23283b;border:1px solid rgba(255,255,255,.1);padding:0 1rem;box-shadow:0 1px 5px #0000004d;transition:all .2s ease,border-radius 0s}.follow-up-page-container .follow-up-container .filters-container .filters-header .filters-header-title{font-size:1rem;font-weight:400;color:#fff;-webkit-user-select:none;user-select:none}.follow-up-page-container .follow-up-container .filters-container .filters-header svg{color:#fff;width:22px;height:22px;transition:all .2s ease-out}.follow-up-page-container .follow-up-container .filters-container .filters-header.expanded{border-bottom-left-radius:0;border-bottom-right-radius:0}.follow-up-page-container .follow-up-container .filters-container .filters-header.expanded svg{transform:rotate(180deg)}.follow-up-page-container .follow-up-container .filters-container .filters-header:hover{background-color:#222a3f}.follow-up-page-container .follow-up-container .filters-container .filters-body-container{width:100%;height:0;display:flex;flex-direction:column;gap:1rem;overflow:hidden}.follow-up-page-container .follow-up-container .filters-container .filters-body-container .filter-elements-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));justify-items:center;gap:1rem 1.5rem;align-items:center}.follow-up-page-container .follow-up-container .filters-container .filters-body-container .filter-elements-container .filter-element{width:240px;display:flex;flex-direction:column;gap:.2rem}.follow-up-page-container .follow-up-container .filters-container .filters-body-container .filter-elements-container .filter-element label{font-size:.9rem;color:#dbe0e6;white-space:nowrap;padding-left:.1rem}.follow-up-page-container .follow-up-container .filters-container .filters-body-container .filter-elements-container .filter-element input,.follow-up-page-container .follow-up-container .filters-container .filters-body-container .filter-elements-container .filter-element select{width:100%;height:32px;border-radius:4px;border:1px solid rgba(255,255,255,.2);background-color:#ffffff0f;outline:none;color:#eee;padding:0 .2rem}.follow-up-page-container .follow-up-container .filters-container .filters-body-container .filter-elements-container .filter-element input option,.follow-up-page-container .follow-up-container .filters-container .filters-body-container .filter-elements-container .filter-element select option{background:#02061799}.follow-up-page-container .follow-up-container .filters-container .filters-body-container .filter-actions-container{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:.5rem 0 0}.follow-up-page-container .follow-up-container .filters-container .filters-body-container .filter-actions-container button{width:112px;height:32px;cursor:pointer;border:1px solid #222a3f;border-radius:4px;background-color:#2d6697;color:#eee;transition:all .2s ease;font-weight:500;font-size:.8rem}.follow-up-page-container .follow-up-container .filters-container .filters-body-container .filter-actions-container button:hover{background-color:#213e6a}.follow-up-page-container .follow-up-container .filters-container .filters-body-container.expanded{background-color:#23283b;border-radius:0 0 6px 6px;border:1px solid rgba(255,255,255,.1);padding:1rem;height:auto}.follow-up-page-container .follow-up-container .grid-container{width:100%;height:100%}.sla-pill-container{width:100%;display:flex;align-items:center;justify-content:center}.sla-pill-container .sla-pill{width:min-content;height:1.5rem;padding:0 .8rem;border-radius:12px;font-size:.8rem;line-height:1.4rem}.sla-pill-container .sla-pill.expired{background-color:#bf292b}.sla-pill-container .sla-pill.risk{background-color:#ffa200}.sla-pill-container .sla-pill.ok{background-color:#37835d}.actions-container{width:100%;display:flex;align-items:center;justify-content:center;gap:1rem}.actions-container button{width:112px;height:32px;cursor:pointer;border:1px solid #222a3f;border-radius:4px;background-color:#2d6697;color:#eee;transition:all .2s ease;font-weight:500;font-size:.8rem}.actions-container button:hover{background-color:#213e6a}.actions-container button.restore{background-color:#37835d}.actions-container button.restore:hover{background-color:#1b5d3c}.actions-container button.delete{background-color:#bf292b}.actions-container button.delete:hover{background-color:#911416}.table-container{height:400px;overflow:auto;border-radius:6px;background:linear-gradient(45deg,#101421 40%,#252a3f);background-color:#23283b;border:1px solid rgba(255,255,255,.2)}.table-container .custom-table{width:100%;table-layout:auto;border-collapse:collapse;min-width:100%}.table-container .custom-table thead{border-radius:4px}.table-container .custom-table thead th{position:sticky;top:-1px;z-index:2;background-color:#23283b;padding:.5rem 1rem;text-align:center;color:#fff;font-size:1rem;border:1px solid rgba(255,255,255,.2);border-width:0 1px 1px 0}.table-container .custom-table thead th:last-child{border-width:0 0 1px 0}.table-container .custom-table tbody tr:hover{background-color:#ffffff0d}.table-container .custom-table tbody td{height:40px;padding:.5rem 1rem;color:#fff;font-size:.85rem;border:1px solid rgba(255,255,255,.2);border-width:0 1px 1px 0;white-space:nowrap}.table-container .custom-table tbody td.right-align{text-align:right}.table-container .custom-table tbody td.center-align{text-align:center}.table-container .custom-table tbody td:last-child{border-width:0 0 1px 0}.table-container::-webkit-scrollbar-track{background-color:#101421;border-radius:8px}.table-container::-webkit-scrollbar{width:8px;height:12px;background-color:#101421;border-radius:8px}.table-container::-webkit-scrollbar-thumb{background-color:#262e43;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background-color:#313852}.main-page-wrapper{width:100%;height:100%;padding:.5rem;background:linear-gradient(90deg,#161c2a,#1f2637)}.main-page-wrapper .main-page-container{width:100%;height:100%;display:flex;flex-direction:column;box-shadow:0 1px 5px #0003;border-radius:1rem}.main-page-wrapper .main-page-container .page-container{width:100%;height:100%;overflow:auto}.main-page-wrapper .main-page-container .page-container::-webkit-scrollbar-track{background-color:#101421}.main-page-wrapper .main-page-container .page-container::-webkit-scrollbar{width:6px;box-shadow:0 2px 2px #000;background-color:#101421}.main-page-wrapper .main-page-container .page-container::-webkit-scrollbar-thumb{background-color:#1a2032;box-shadow:0 2px 10px #0003}.topbar-container{width:100%;height:64px;padding:.5rem 1.5rem;display:flex;align-items:center;background-color:#131725;border-top-right-radius:1rem;border-top-left-radius:1rem;border:1px solid rgba(255,255,255,.1)}.topbar-container .topbar-left{height:100%;display:flex;align-items:center;gap:1rem;cursor:pointer}.topbar-container .topbar-left .topbar-logo{height:100%;width:auto}.topbar-container .topbar-left .topbar-brand-text{display:flex;align-items:center;gap:1rem}.topbar-container .topbar-left .topbar-brand-text .topbar-brand-main{font-size:1.5rem;line-height:1.5rem;font-weight:600;letter-spacing:1px;color:#fff}.topbar-container .topbar-left .topbar-brand-text .topbar-brand-sub{font-size:1rem;line-height:1.5rem;font-weight:400;color:#7ce9ff;white-space:nowrap}.topbar-container .topbar-right{width:100%;display:flex;align-items:center;justify-content:flex-end}.topbar-container .topbar-right .topbar-bell{display:none}.topbar-container .topbar-right .topbar-user{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.25rem .5rem;border-radius:999px;transition:background-color .2s ease,box-shadow .2s ease}.topbar-container .topbar-right .topbar-user .topbar-username{font-size:.95rem;font-weight:500;color:#e5e7eb}.topbar-container .topbar-right .topbar-user .topbar-avatar{width:34px;height:34px;border-radius:999px;background:radial-gradient(circle at 30% 0%,#38bdf8 0,#0ea5e9 30%,#0369a1 75%,#020617);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #0f172ae6,0 6px 15px #082f49cc}.topbar-container .topbar-right .topbar-user .topbar-avatar .topbar-avatar-initial{font-size:.95rem;font-weight:700;color:#f9fafb}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;margin:0}body{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}h1{font-size:3.2em;line-height:1.1}.button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);cursor:pointer;transition:all .25s;color:inherit}.button:hover{background-color:var(--button-hover);border-color:#646cff}.btn-primary:hover{background-color:var(--btn-primary-hover-bg);color:var(--btn-primary-hover-text);border-color:var(--btn-primary-hover-border)}.btn-secondary:hover{filter:brightness(.98)}.button:focus,.button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}.button{background-color:#f9f9f9}}