button{background-color:var(--button-bg-color);color:var(--button-text-color);border:none;padding:10px 20px;border-radius:5px;cursor:pointer}button:hover{opacity:.9}.logo{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.logo img{max-width:50px;height:auto}.logo h1{color:var(--text-color)}.navbar ul{list-style-type:none;display:flex;gap:15px}.nav-links a{color:var(--text-color);text-decoration:none}.cta{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.hero{display:flex;justify-content:space-between;align-items:center;padding:50px 20px;color:var(--text-color);background:var(--background-gradient);background-size:400% 400%;width:100%;-webkit-animation:AnimationName 30s ease infinite;-moz-animation:AnimationName 30s ease infinite;animation:AnimationName 30s ease infinite}.hero-content{margin-left:20px}.hero-content h1{text-align:left;font-size:2.5rem}.hero-content p{font-size:1.2rem}.cta-button{background-color:var(--button-bg-color);color:var(--button-text-color);padding:10px;border:none;border-radius:5px;cursor:pointer}.cta-button:hover{opacity:.9;background-color:var(--button-bg-color);border:none}.hero-image img{max-width:100%;height:auto;animation:float 4s ease-in-out infinite}.benefits{width:100%;padding:50px 20px;background-color:var(--footer-bg-color);color:var(--text-color);text-align:center}.benefits-list{display:flex;flex:1;justify-content:center;gap:5px;flex-wrap:wrap}.benefit-item{text-align:center;width:300px;border-radius:10px;padding:20px;background-color:var(--box-bg);box-shadow:0 2px 4px #0000001a}.icon{font-size:3rem}.features{display:flex;flex-direction:column;padding:50px 20px;background-color:var(--background-color);align-items:center;justify-content:center;color:var(--text-color)}.feature-items{display:flex;justify-content:space-around;gap:20px}.feature-item{background-color:var(--box-bg);border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px}.feature-item h3{font-size:1.5rem}.feature-item p{font-size:1rem}.testimonials{padding:50px 20px;background-color:var(--background-color);color:var(--text-color)}.testimonials-list{display:flex;justify-content:space-around}.testimonial-item{max-width:300px;text-align:center}.ctass{display:flex;flex-direction:row;justify-content:space-around;align-items:center;margin-left:20px;padding:50px 20px;background:var(--background-gradient);color:var(--text-color);text-align:center;background-size:400% 400%;width:100%;-webkit-animation:AnimationName 30s ease infinite;-moz-animation:AnimationName 30s ease infinite;animation:AnimationName 30s ease infinite}.ctass button{width:40%;background-color:var(--button-bg-color);color:var(--button-text-color);padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.cta-button:hover{opacity:.9}.footer{display:flex;flex-direction:row;justify-content:space-between;padding:20px;background-color:var(--footer-bg-color);gap:10px;color:var(--text-color)}.footer-links{display:flex;flex-direction:row;justify-content:center;gap:5px}.footer-links a{color:var(--text-color);margin:0 10px;text-decoration:none;transition:transform .2s ease}.footer-links a:hover{text-decoration:underline;transform:scale(1.1)}.app{display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 600px){.header,.cta,.benefits-list,.feature-items,.testimonials-list,.footer{flex-direction:column;align-items:center}.navbar ul,.footer-links{flex-direction:column;gap:10px}.hero{padding:20px;flex-direction:column;text-align:center}.hero-content h1{font-size:2rem}.cta-button,.ctass button{width:100%}.benefit-item,.feature-item,.testimonial-item{width:90%;margin-bottom:20px}}@media (max-width: 768px){.header,.hero,.cta{padding:20px}.navbar ul,.footer-links{gap:15px}.hero{padding:30px;flex-direction:column;text-align:center}.hero-image img{max-width:80%;margin:20px 0}.benefits-list,.feature-items,.testimonials-list{flex-direction:column;align-items:center;gap:20px}.benefit-item,.feature-item{width:100%}}@media (min-width: 992px){.navbar ul{gap:20px}.hero-content h1{font-size:3rem}.cta{padding:40px 20px}.benefits-list,.feature-items,.testimonials-list{gap:30px}.benefit-item,.feature-item,.testimonial-item{width:300px}}.app-div-container{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--background-color);color:var(--text-color)}.main-panel{display:flex;flex:1;flex-direction:column;width:100%;padding-left:245px}header.main-header{width:100%;padding:10px 20px}.main-zone{display:flex;flex-direction:row;flex:1}.section-container{display:flex;flex-direction:column;gap:16px;width:75%;padding:20px}.my-work-panel{display:flex;flex-direction:column;gap:16px;padding:20px;width:25%;flex:1;background-color:var(--surface-color)}footer{background-color:var(--footer-bg-color);color:var(--footer-text-color);padding:20px;text-align:center;width:100%}.login-main{display:flex;height:100vh;color:var(--text-color);background:var(--background-gradient);background-size:400% 400%;-webkit-animation:AnimationName 30s ease infinite;-moz-animation:AnimationName 30s ease infinite;animation:AnimationName 30s ease infinite}.left-section{flex:1;padding:40px;display:flex;flex-direction:column;align-items:start;justify-content:space-between;text-align:center}.left-section .logo img{max-width:150px;margin-bottom:20px}.left-text-description{font-size:1.2rem;line-height:1.6;color:var(--text-color)}.right-section{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--semitransparent-bg)}.form-container{width:100%;max-width:400px;padding:30px;border-radius:10px}.login-form label{display:block;margin-bottom:15px;font-size:1rem;color:var(--text-color)}.login-form input{width:95%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:1rem;background-color:var(--semitransparent-bg);color:var(--text-color)}.login-form input:focus{outline:none;border-color:var(--button-bg-color);color:var(--background-color)}button{width:100%;padding:10px;font-size:1rem;background-color:var(--button-bg-color);color:var(--button-text-color);border:none;border-radius:5px;cursor:pointer;margin-top:10px;transition:background-color .3s}button:disabled{background-color:#ccc;cursor:not-allowed}button:hover:not(:disabled){opacity:.9}.error-message{color:var(--razzmatazz);font-size:.9rem;margin-top:5px}.name-container{display:flex;gap:10px}.name-container label{flex:1}#file-upload{margin-top:10px;display:block;color:var(--text-color)}.login-signup-toggle{margin-top:20px;display:flex;justify-content:space-between;gap:10px}.login-signup-toggle button{flex:1;padding:10px;background-color:var(--button-bg-color);color:var(--button-text-color);border:none;border-radius:5px;cursor:pointer}.login-signup-toggle button:hover{background-color:var(--ultra-violet)}.logo{overflow:hidden;transition:transform .3s}.logo:hover{transform:scale(1.1)}@-webkit-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@-moz-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-image img{width:80%;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.demo-button{background:none;color:var(--button-text-color)}.theme-switch-container{display:flex;align-items:center;height:fit-content;gap:10px;padding:20px}.theme-switch{position:relative;display:inline-block;width:60px;height:34px}.theme-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--button-bg-color);transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:var(--button-text-color);transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--button-bg-color)}input:checked+.slider:before{transform:translate(26px)}.slider:hover{opacity:.8}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:10;width:245px;height:100vh;background-color:var(--surface-color)!important;overflow-y:auto}:root{--link-color: #7c6b9f;--active-link-color: #6200ee;--active-link-bg: #6300ee0d;--link-hover-bg: #3f28570a}.dark-mode{--link-color: #727190;--active-link-color: #bb86fc;--active-link-bg: #bb86fc1d;--link-hover-bg: #ffffff0d}.dark-mode .sidebar .brand img{margin-top:20px;content:url(/assets/logo-dark.png)}.sidebar{display:flex;flex-direction:column;justify-content:space-between}.sidebar .brand{display:flex;align-items:center;gap:12px;width:100%;padding:16px 16px 16px 36px;text-decoration:none}.sidebar .brand img{content:url(/assets/logo-light.png);width:120px;margin-top:20px}.sidebar .brand .title{font-size:20px;font-weight:600}.sidebar ul.nav-list{list-style:none;padding:0 0 0 24px;margin-top:24px;display:flex;flex-direction:column;flex:1}.sidebar .nav-item{position:relative;display:flex;align-items:center;gap:16px;padding:16px;border-radius:5px 0 0 5px;font-size:16px;text-decoration:none;color:var(--link-color);transition:all .3s ease}.sidebar .nav-item .nav-icon{width:20px;height:20px}.sidebar .nav-item:hover{background-color:var(--link-hover-bg)}.sidebar .nav-item:after{content:"";position:absolute;right:0;top:8px;bottom:8px;display:none;width:4px;border-radius:4px 0 0 4px;background-color:var(--active-link-color)}.sidebar .nav-item.active{color:var(--active-link-color);background-color:var(--active-link-bg)}.sidebar .nav-item.active:after{display:block}:root{--avatar-bg: #00000013}.dark-mode{--avatar-bg: #ffffff31}.profile-control{display:flex;gap:20px;padding:20px;background-color:#ba84fd0d;-webkit-user-select:none;user-select:none}.profile-control .avatar{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--avatar-bg);border-radius:50%;overflow:hidden}.profile-control .avatar img{width:100%;height:100%;object-fit:cover;object-position:center}.profile-control .user-info{display:flex;flex-direction:column;justify-content:center}.profile-control .first-name{font-size:18px}.profile-control .username{font-size:14px;opacity:.5}.profile-control .btn-logout{display:flex;align-items:center;justify-content:center;gap:6px;background-color:transparent;border:1px solid var(--tiffany-blue);color:var(--tiffany-blue);font-size:14px;cursor:pointer;margin-top:15px;padding:4px 5px;border-radius:8px;transition:background-color .3s ease,color .3s ease}.profile-control .btn-logout:hover{background-color:#1da1f21a;color:var(--text-color)}.profile-control .btn-logout svg{font-size:16px}.top-bar{display:flex;align-items:center;gap:24px;width:100%}.top-bar .spacer{flex-grow:1}.top-bar .search-bar-wrapper{width:100%;max-width:450px}.icon-theme-switch{display:flex;align-items:center;transition:all .3s ease}.icon-theme-switch:hover{transform:scale(1.1);color:var(--button-bg-color)}.statistics-tab{display:flex;flex:1;flex-direction:column;align-items:flex-start;width:100%;padding:20px;border-radius:10px;transition:background-color .3s ease,color .3s ease;color:var(--text-color)}.statistics-tab h1{font-size:1.5rem;margin:0;padding:0}.tickets-insights-container{display:flex;flex-direction:column;width:100%;margin-top:20px;gap:10px;justify-content:space-between;align-items:flex-start}.new-tickets-container,.in-progress-tickets-container,.pending-tickets-container,.done-tickets-container{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;background-color:var(--surface-color);border-radius:8px;padding:16px;margin:12px 0;width:100%;max-width:100%;box-sizing:border-box;box-shadow:0 1px 1px #0000001a;transition:transform .2s ease,box-shadow .2s ease;color:var(--text-color);gap:21px}.new-tickets-container h2,.in-progress-tickets-container h2,.pending-tickets-container h2,.done-tickets-container h2{font-size:1rem;font-weight:700;margin:0;padding:0}.new-tickets-container span,.in-progress-tickets-container span,.pending-tickets-container span,.done-tickets-container span{font-size:2rem;font-weight:700}.statistics-tab .tabs-container{display:flex;align-items:center;width:100%;margin-top:16px;border-bottom:2px solid var(--ticket-card-bg)}.statistics-tab .tabs-container .tab-item{padding:8px 16px;color:var(--text-color);margin-bottom:-2px;border-bottom:2px solid transparent;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.statistics-tab .tabs-container .tab-item.active{border-bottom:2px solid var(--button-bg-color);color:var(--button-bg-color)}.dashboard{display:flex;flex-direction:row}.left-section-d,.right-section-d{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background-color:var(--section-background-color);border-radius:10px;padding:20px}.dashboard>.left-section-d,.dashboard>.right-section-d{height:100%}@media (min-width: 768px){.dashboard{flex-direction:row}}@media (max-width: 767px){.dashboard{flex-direction:column;gap:10px}.left-section-d,.right-section-d{width:100%}}.my-account-tab{display:flex;flex-direction:column;justify-content:start;align-items:start;width:100%;border-radius:10px;padding:0 20px;transition:background-color .3s ease,color .3s ease;color:var(--text-color)}.my-account-tab h1{font-size:1.5rem;text-align:center}.my-account-header{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.my-account-header button{width:fit-content;background-color:var(--button-bg-color);color:var(--button-text-color);border:none;padding:10px;border-radius:100%;cursor:pointer;transition:background-color .3s ease,color .3s ease}.account-details-container-main{display:flex;flex-direction:column;gap:10px;width:100%}.account-details-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;width:100%}.account-picture-container{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.account-picture-container img{width:250px;height:250px;object-fit:cover;border-radius:50%;border:3px solid #ccc}.details-1,.details-2{display:flex;flex-direction:column;width:100%;max-width:300px}.details-1 span,.details-2 span{font-weight:700;margin-bottom:5px;color:var(--text-color)}input[type=text],input[type=password]{padding:10px;font-size:1rem;border:1px solid var(--text-color);border-radius:5px;width:95%;background-color:var(--background-color);transition:border-color .3s ease,background-color .3s ease}input[type=text]:focus,input[type=password]:focus{outline:none;border-color:#ccc;background-color:#fff}.error{font-size:.9rem;color:var(--error-color);margin-top:5px}input[type=file]{margin-top:10px;padding:5px;cursor:pointer}@media (max-width: 768px){.my-account-tab{padding:10px}.account-details-container{flex-direction:column;align-items:center}.details-1,.details-2{width:100%;max-width:none}}#modal{position:fixed;width:100%;top:0;right:0;left:0;bottom:0;z-index:100;display:flex;justify-content:center;align-items:center;background-color:#000000b3;animation:modalFadeIn .25s ease-in-out}#modal-background{position:absolute;top:0;right:0;left:0;bottom:0}#modal-content{position:relative;background-color:var(--surface-color);color:var(--text-color);border-radius:16px;width:fit-content;max-height:90vh;overflow-y:auto;animation:contentPop .3s ease-in-out}#modal-content::-webkit-scrollbar{width:8px}#modal-content::-webkit-scrollbar-thumb{background-color:var(--special-btn);border-radius:6px}.dismisable #modal-background{cursor:pointer}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes contentPop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.open-modal-menu-item{cursor:pointer;padding:10px;color:var(--text-color);border-radius:100%;transition:background-color .3s ease,color .3s ease;list-style-type:none}.tickets-filter-wrapper{position:sticky;top:0;z-index:5;padding:20px}.tickets-filter-wrapper:before{position:absolute;top:0;left:0;z-index:-1;content:"";width:100%;height:100%;background-image:linear-gradient(var(--background-color) 50%,transparent)}.tickets-filter{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;background-color:var(--surface-color);padding:10px 16px;border-radius:8px;box-shadow:0 2px 4px #0000000d;animation:showTicketsAnimation .3s ease}.tickets-filter .filter-block{width:100%;display:flex;flex-direction:column;align-content:space-between;justify-content:start;padding:0 20px;gap:4px}.tickets-filter .filter-block .title{font-size:12px;opacity:.6}.tickets-filter .status-filter{width:25%;display:flex;flex-direction:column;justify-content:center}.tickets-filter .status-filter .status-list-status-list{display:flex;flex-direction:row;justify-content:flex-end;gap:12px;width:100%}.tickets-filter .status-filter .status-list-status-list .status-ticket{display:flex;flex-direction:column;align-items:center;cursor:pointer}.tickets-filter .status-filter .status-list-status-list .status-ticket:hover .status-name{opacity:1}.tickets-filter .status-filter .status-list-status-list .status-ticket .status-icon{transition:transform .2s ease}.tickets-filter .status-filter .status-list-status-list .status-ticket .status-icon.hovered:hover{transform:scale(1.1)}.tickets-filter .status-filter .status-list-status-list .status-ticket .status-icon-1{color:#ff6b6ba1;font-size:54px;display:flex;align-items:center;justify-content:center}.tickets-filter .status-filter .status-list-status-list .status-ticket .status-icon-1:hover{color:#ff6b6b}.tickets-filter .status-filter .status-list-status-list .status-ticket .status-icon-hovered-1{color:#ff6b6b;font-size:54px}.tickets-filter .status-filter .status-list-status-list .status-ticket .status-icon-2{color:#ffb84ca1;font-size:54px;display:flex;align-items:center;justify-content:center}.tickets-filter .status-filter .status-list-status-list .status-ticket .status-icon-2:hover{color:#ffb84c}.tickets-filter .status-filter .status-list-status-list .status-ticket .status-icon-hovered-2{color:#ffb84c;font-size:54px}.tickets-filter .status-filter .status-list-status-list .status-ticket .status-icon-4{color:#7c3aeda1;font-size:54px;display:flex;align-items:center;justify-content:center}.tickets-filter .status-filter .status-list-status-list .status-ticket .status-icon-4:hover{color:#7c3aed}.tickets-filter .status-filter .status-list-status-list .status-ticket .status-icon-hovered-4{color:#7c3aed;font-size:54px}.tickets-filter .status-filter .status-list-status-list .status-ticket .status-icon-3{color:#4caf50a1;font-size:54px;display:flex;align-items:center;justify-content:center}.tickets-filter .status-filter .status-list-status-list .status-ticket .status-icon-3:hover{color:#4caf50}.tickets-filter .status-filter .status-list-status-list .status-ticket .status-icon-hovered-3{color:#4caf50;font-size:54px}.tickets-filter .status-filter .status-list-status-list .status-ticket .status-name{font-size:8px;opacity:.6}.tickets-filter .status-filter .status-list-status-list .status-ticket .status-name-selected{opacity:1}.tickets-filter .client-filter{width:25%;display:flex;flex-direction:column;justify-content:start;gap:10px}.tickets-filter .client-filter select.client-select{position:relative;padding:12px 48px 12px 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:2px solid var(--border-color);border-radius:8px;font-size:14px;background-image:var(--caret-bg);background-position:right 12px center;background-repeat:no-repeat;background-size:18px 18px;background-color:transparent;color:var(--text-color);cursor:pointer}.tickets-filter .client-filter select.client-select option{background-color:var(--surface-color);color:var(--text-color)}.tickets-filter .search-filter{width:25%;display:flex;flex-direction:column;justify-content:start;gap:10px}.tickets-filter .search-filter .search-filter-wrapper{position:relative;display:flex;align-items:center;gap:8px;border:2px solid var(--border-color);border-radius:8px;overflow:hidden}.tickets-filter .search-filter .search-filter-wrapper .search-filter-icon{position:absolute;top:50%;left:12px;transform:translateY(-50%);z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none}.tickets-filter .search-filter .search-filter-wrapper input{border:none;outline:none;background:none;padding-left:36px;color:var(--text-color)}.tickets-filter .actions{width:18%;padding:0 20px;display:flex;justify-content:flex-end}.tickets-filter .actions .btn-clear-filters{display:flex;width:fit-content;align-items:center;justify-content:center;gap:6px;background-color:transparent;border:1px solid var(--tiffany-blue);color:var(--tiffany-blue);font-size:14px;cursor:pointer;padding:8px 14px;border-radius:8px;transition:background-color .3s ease,color .3s ease}.tickets-filter .actions .btn-clear-filters:hover{background-color:#1da1f21a;color:var(--text-color)}.tickets-filter .actions .btn-clear-filters svg{font-size:16px}:root{--caret-bg: url('data:image/svg+xml,<svg stroke="rgba(0, 0, 0, 0.2)" fill="rgba(0, 0, 0, 0.2)" stroke-width="0" viewBox="0 0 24 24" height="200px" width="200px" xmlns="http://www.w3.org/2000/svg"><path d="M5.22 8.22a.749.749 0 0 0 0 1.06l6.25 6.25a.749.749 0 0 0 1.06 0l6.25-6.25a.749.749 0 1 0-1.06-1.06L12 13.939 6.28 8.22a.749.749 0 0 0-1.06 0Z"></path></svg>')}.dark-mode{--caret-bg: url('data:image/svg+xml,<svg stroke="rgba(255, 255, 255, 0.3)" fill="rgba(255, 255, 255, 0.3)" stroke-width="0" viewBox="0 0 24 24" height="200px" width="200px" xmlns="http://www.w3.org/2000/svg"><path d="M5.22 8.22a.749.749 0 0 0 0 1.06l6.25 6.25a.749.749 0 0 0 1.06 0l6.25-6.25a.749.749 0 1 0-1.06-1.06L12 13.939 6.28 8.22a.749.749 0 0 0-1.06 0Z"></path></svg>')}@keyframes showTicketsAnimation{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tickets-tab{display:flex;width:100%;flex:1;flex-direction:column}.tickets-section-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:20px;padding-right:20px}.tickets-header-left{display:flex;flex-direction:row;align-items:center;gap:15px}.sorting-button{display:flex;align-items:center;justify-content:center;gap:6px;background-color:transparent;border:1px solid var(--tiffany-blue);color:var(--tiffany-blue);font-size:14px;cursor:pointer;margin-top:5px;padding:4px 10px;border-radius:8px;transition:background-color .3s ease,color .3s ease;svg {font-size: 16px;}}.sorting-button:hover{background-color:#1da1f21a;color:var(--text-color)}.tickets-section-header .spacer{flex:1 1 auto}.tickets-section-header .btn-toggle-filters{width:fit-content}.section-header h1{font-size:2rem;color:var(--text-color)}.add-ticket-btn{display:flex;align-items:center;justify-content:center;gap:6px;background-color:transparent;border:1px solid var(--tiffany-blue);color:var(--tiffany-blue);font-size:14px;cursor:pointer;margin:10px auto;padding:8px 14px;border-radius:8px;transition:background-color .3s ease,color .3s ease;svg {font-size: 16px;}}.add-ticket-btn:hover{background-color:#1da1f21a;color:var(--text-color)}.tickets-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(600px,1fr));grid-auto-rows:1fr;gap:12px;padding:0 20px 20px;overflow-y:auto}.tickets-footer{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}.prev-btn,.next-btn{background-color:var(--button-bg-color);color:var(--button-text-color);width:fit-content;padding:10px 15px;font-size:1.2rem;border-radius:5px;cursor:pointer;box-shadow:0 4px 8px #0000001a;transition:background-color .3s ease,color .3s ease}.prev-btn:disabled,.next-btn:disabled{background-color:var(--login-bg);color:var(--text-color);cursor:not-allowed}.prev-btn:hover:not(:disabled),.next-btn:hover:not(:disabled){background-color:var(--ultra-violet)}.loader{width:48px;height:48px;border:5px solid var(--seasalt);border-top:5px solid var(--button-bg-color);border-radius:50%;animation:spin 1s linear infinite;margin:auto}.btn-toggle-filters .btn-icon{transition:all .3s ease}.btn-toggle-filters.active .btn-icon{transform:rotate(180deg)}.ticket-card-wrapper{position:relative;display:flex;flex-direction:column;flex:1}.ticket-card-wrapper .ticket-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.ticket-card-wrapper .ticket-header .ticket-title{position:relative;flex:1 1 auto;margin:-8px -24px 8px;padding:8px 24px;font-size:18px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-card-wrapper .ticket-header .ticket-title:before{content:"";position:absolute;top:50%;left:0;width:16px;height:14px;background-color:var(--card-active-color);border-radius:0 20px 20px 0;transform:translateY(-50%)}.ticket-card-wrapper .ticket-header .ticket-date{flex-shrink:0;font-size:14px;opacity:.7}.ticket-card-wrapper .ticket-card-new{--card-active-color: var(--button-bg-color);--card-shadow-color: rgba(0, 0, 0, .121);display:flex;flex-direction:column;padding:24px 24px 16px;background-color:var(--surface-color);border-radius:16px;border:2px solid var(--surface-color);color:var(--text-color);text-decoration:none;box-shadow:0 2px 2px var(--card-shadow-color);transition:all .3s ease}.ticket-card-wrapper .ticket-card-new:hover{border-color:var(--card-active-color)}.ticket-card-wrapper .ticket-card-new .ticket-author{opacity:.7}.ticket-card-wrapper .ticket-card-new .client-corporate,.ticket-card-wrapper .ticket-card-new .client-individual{display:flex;align-items:center;gap:10px;width:fit-content;margin-top:8px;padding:6px 12px;border-radius:8px}.ticket-card-wrapper .ticket-card-new .client-individual{background-color:var(--ultra-violet);color:var(--light-white)}.ticket-card-wrapper .ticket-card-new .client-corporate{background-color:var(--jonquil);color:var(--light-black)}.ticket-card-wrapper .ticket-card-new .ticket-bottom{display:flex;justify-content:space-between;align-items:center}.ticket-card-wrapper .ticket-card-new .ticket-bottom .ticket-description{width:100%;height:40px;overflow:hidden;opacity:.7}.ticket-card-wrapper .ticket-card-new .ticket-bottom .ticket-assignees{display:flex;align-items:center;gap:8px;padding:8px;opacity:.8;cursor:pointer}.ticket-card-wrapper .ticket-card-new .ticket-bottom .ticket-assignees:hover{background-color:var(--background-color);border-radius:12px}.ticket-card-wrapper .ticket-card-new .ticket-bottom .ticket-assignees .assign-employee-button{display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--tiffany-blue);color:var(--light-white);font-size:16px;cursor:pointer;margin-right:15px;border:none;transition:background-color .3s ease,color .3s ease}.ticket-card-wrapper .ticket-card-new .ticket-bottom .ticket-assignees .assign-employee-button:hover{background-color:var(--text-color);color:var(--button-bg-color)}.ticket-card-wrapper .ticket-card-new .ticket-bottom .ticket-assignees .ticket-assignee img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:solid 2px var(--text-color);margin-left:-20px}.ticket-card-wrapper .ticket-card-new .ticket-bottom .ticket-assignees .ticket-assignee-more{width:32px;height:32px;border-radius:50%;background-color:#343434;color:var(--light-white);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;border:solid 2px var(--surface-color);margin-left:-20px}.ticket-card-wrapper .ticket-card-new .ticket-bottom .assign-employee-dropdown{position:absolute;top:180px;right:100px;width:200px;height:auto;overflow-y:auto;background-color:var(--surface-color);border:1px solid var(--card-shadow-color);border-radius:8px;box-shadow:0 2px 8px var(--card-shadow-color);z-index:9999}.ticket-card-wrapper .ticket-card-new .ticket-bottom .assign-employee-dropdown li{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;transition:background-color .2s ease}.ticket-card-wrapper .ticket-card-new .ticket-bottom .assign-employee-dropdown li:hover{background-color:var(--background-color)}.ticket-card-wrapper .ticket-card-new .ticket-bottom .assign-employee-dropdown li img{width:24px;height:24px;border-radius:50%;object-fit:cover;margin-right:8px}.ticket-card-wrapper .ticket-card-new .ticket-bottom .assign-employee-dropdown li span{font-size:14px;flex:1}.ticket-card-wrapper .ticket-card-new .ticket-bottom .assign-employee-dropdown li.assigned{background-color:var(--background-color);font-weight:600}.ticket-card-wrapper .ticket-card-new .ticket-bottom .assign-employee-dropdown li.assigned .assigned-check{color:#ff6b6b;font-size:16px;display:flex;align-items:center;justify-content:center}.ticket-card-wrapper .ticket-card-new .ticket-bottom .assign-employee-dropdown li.assigned:hover{background-color:#ff6b6b1a}.ticket-card-wrapper .ticket-card-new .ticket-bottom .assign-employee-dropdown li.assigned:hover .assigned-check{color:#ff6b6b}.ticket-card-wrapper .ticket-card-new .ticket-bottom .assign-employee-dropdown-hidden{display:none}.ticket-card-wrapper .ticket-card-new.status-1{--card-active-color: #ff6b6b}.ticket-card-wrapper .ticket-card-new.status-2{--card-active-color: #FFB84C}.ticket-card-wrapper .ticket-card-new.status-4{--card-active-color: #7C3AED}.ticket-card-wrapper .ticket-card-new.status-3{--card-active-color: #4caf50}.ticket-card-wrapper .ticket-card-new .perforated-zone{display:flex;align-items:center;position:relative;--perforation-color: #e1d7e2;height:24px;margin:12px -24px}.ticket-card-wrapper .ticket-card-new .perforated-zone .perforated-line{width:100%;border-top:2px dashed var(--perforation-color)}.ticket-card-wrapper .ticket-card-new .perforated-zone:before,.ticket-card-wrapper .ticket-card-new .perforated-zone:after{content:"";position:absolute;top:0;height:100%;aspect-ratio:1;background-color:var(--background-color);border-radius:50%}.ticket-card-wrapper .ticket-card-new .perforated-zone:before{left:-12px;box-shadow:-1px 0 1px var(--card-shadow-color) inset}.ticket-card-wrapper .ticket-card-new .perforated-zone:after{right:-12px;box-shadow:1px 0 1px var(--card-shadow-color) inset}.dark-mode .ticket-card-new .perforated-zone{--perforation-color: #ffffff26}.add-ticket-form{background-color:var(--surface-color);color:var(--text-color);border-radius:16px;width:600px;margin:0 auto;padding:20px;animation:fadeIn .25s ease-in-out}.add-ticket-form h1{font-weight:600;font-size:36px;text-align:center;color:var(--text-color);margin:10px 0 20px}.add-ticket-form .add-ticket-form-inputs{display:flex;flex-direction:column;gap:16px;width:100%}.add-ticket-form .add-ticket-form-inputs .add-ticket-form-input{display:flex;flex-direction:column;gap:5px;width:100%}.add-ticket-form .add-ticket-form-inputs .add-ticket-form-input label{font-size:12px;text-transform:uppercase;opacity:.7;letter-spacing:.5px}.add-ticket-form .add-ticket-form-inputs .add-ticket-form-input input,.add-ticket-form .add-ticket-form-inputs .add-ticket-form-input textarea,.add-ticket-form .add-ticket-form-inputs .add-ticket-form-input select{width:100%;background-color:var(--light-white);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 10px;font-size:12px;color:var(--light-black);outline:none}.add-ticket-form .add-ticket-form-inputs .add-ticket-form-input textarea{resize:none;min-height:120px}.add-ticket-form .add-ticket-form-inputs .add-ticket-form-input input:focus,.add-ticket-form .add-ticket-form-inputs .add-ticket-form-input textarea:focus,.add-ticket-form .add-ticket-form-inputs .add-ticket-form-input select:focus{border-color:var(--tiffany-blue)}.add-ticket-form .add-ticket-form-inputs .add-ticket-form-input select{cursor:pointer}.add-ticket-form .add-ticket-form-inputs .add-ticket-form-input .add-ticket-form-error{font-size:12px;color:var(--razzmatazz);margin-top:2px}.add-ticket-form .add-ticket-form-button{display:flex;justify-content:center;margin-top:20px}.add-ticket-form .add-ticket-form-button button{background-color:var(--tiffany-blue);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;cursor:pointer;transition:all .2s ease-in-out}.add-ticket-form .add-ticket-form-button button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.add-ticket-form .add-ticket-form-button button:disabled{background-color:#b8b8b8;cursor:not-allowed;opacity:.8}.dark-mode .add-ticket-form input,.dark-mode .add-ticket-form textarea,.dark-mode .add-ticket-form select{background-color:var(--dark-input-bg);border-color:var(--dark-border-color);color:var(--text-color)}.dark-mode .add-ticket-form button:disabled{background-color:#555}.ticket-card{display:flex;justify-content:space-between;align-items:center;background-color:var(--surface-color);border-radius:8px;padding:16px;margin:12px 0;box-shadow:0 4px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.ticket-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.ticket-card-1,.ticket-card-2,.ticket-card-3,.ticket-card-4{display:flex;justify-content:space-between;align-items:center;background-color:var(--background-color);border-radius:8px;padding:16px;gap:15px;margin:12px 0;box-shadow:0 4px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.ticket-card-1:hover,.ticket-card-2:hover,.ticket-card-3:hover,.ticket-card-4:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.ticket-card-left,.ticket-card-left-m{width:100%}.ticket-card-left .ticket-card-title-m,.ticket-card-left-m .ticket-card-title-m{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:5px;font-size:14px;margin:0;color:var(--text-color);text-overflow:ellipsis;width:fit-content;overflow:hidden}.ticket-card-left .ticket-card-title-m div span,.ticket-card-left-m .ticket-card-title-m div span{align-items:center;font-size:12px}.ticket-card-left p,.ticket-card-left-m p{margin:8px 0;color:var(--text-color);font-size:.9rem;line-height:1.4}.ticket-card-left span,.ticket-card-left-m span{font-size:14px}.ticket-card-right{text-align:right;font-size:.85rem;color:var(--text-color)}span{font-size:.85rem;color:var(--text-color)}.client-container-company{display:flex;flex-direction:row;align-items:center;justify-content:center;width:max-content;gap:5px;border-radius:50px;padding:10px;background-color:var(--jonquil);font-size:small;color:#f9f9f9}.client-container-company span{font-size:.65rem;color:#f9f9f9}.client-container-personal{display:flex;flex-direction:row;align-items:center;justify-content:center;width:max-content;gap:5px;border-radius:50px;padding:10px;background-color:var(--ultra-violet);font-size:small;color:#f9f9f9}.client-container-personal span{font-size:.65rem;color:#f9f9f9}.my-work-tab{width:100%}.my-work-tab h3{font-size:18px}.my-work-tab h1{font-size:2rem;color:var(--text-color);margin-bottom:15px;text-align:left}.my-work-section{margin-bottom:24px}.ticket-list{display:flex;flex-direction:column;gap:15px;overflow-y:auto;max-height:400px;width:100%;padding-right:10px;scrollbar-width:thin;scrollbar-color:var(--button-bg-color) var(--box-bg)}.ticket-list::-webkit-scrollbar{width:8px}.ticket-list::-webkit-scrollbar-thumb{background-color:var(--button-bg-color);border-radius:10px}.ticket-card-container{padding:15px;background-color:var(--seasalt);border-radius:8px;box-shadow:0 2px 6px #0000001a;transition:background-color .3s ease;width:100%}.ticket-card-container:hover{background-color:var(--button-bg-color);color:var(--button-text-color)}.loader{width:50px;height:50px;border:5px solid var(--seasalt);border-top:5px solid var(--button-bg-color);border-radius:50%;animation:spin 1s linear infinite;margin:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-tickets{font-style:italic;color:var(--text-color);margin-left:10px;font-size:1rem;text-align:center;width:100%}.add-note-form{display:flex;flex-direction:column;gap:15px;width:100%;padding:20px;background-color:var(--box-bg);color:var(--box-bg-border);border-radius:12px;box-shadow:0 4px 8px #0000001a;transition:background-color .3s ease,color .3s ease}.add-note-form h3{font-size:1.8rem;margin-bottom:10px;color:var(--text-color)}.add-note-form label{font-size:1rem;color:var(--text-color)}.add-note-form input{padding:10px;font-size:1rem;width:95%;color:var(--smoky-black);background-color:var(--seasalt);border:1px solid var(--ultra-violet);border-radius:5px;transition:border-color .3s ease}.add-note-form input:focus{outline:none;border-color:var(--button-bg-color)}.add-note-form-error{font-size:.9rem;color:var(--razzmatazz);margin-top:-10px;margin-bottom:10px}.add-note-form button{padding:10px 15px;background-color:var(--button-bg-color);color:var(--button-text-color);border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s ease,color .3s ease}.add-note-form button:disabled{background-color:var(--seasalt);color:var(--smoky-black);cursor:not-allowed}.add-note-form button:hover:not(:disabled){background-color:var(--ultra-violet);color:var(--button-text-color)}.note-card{display:flex;align-items:center;background-color:var(--ticket-card-bg);border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.user-profile-pic{margin-right:16px;flex-shrink:0}.user-profile-pic img{width:50px;height:50px;border-radius:50%;object-fit:cover}.note-card-content{flex-grow:1;font-size:14px;color:var(--text-color)}.note-buttons{display:flex;flex-direction:row;justify-content:space-between;margin-left:16px;gap:8px}button{background-color:var(--button-bg-color);display:flex;flex-direction:row;gap:.5rem;align-items:center;justify-content:center;padding:.6rem;border-radius:50px;font-size:1rem;cursor:pointer;transition:background-color .3s,color .3s}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.confirm-delete-container{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:var(--box-bg);color:var(--text-color);border-radius:12px;box-shadow:0 4px 8px #0000001a;max-width:400px;margin:auto;text-align:center;transition:background-color .3s ease,color .3s ease}.confirm-delete-container h3{font-size:1.5rem;margin-bottom:20px;color:var(--text-color)}.confirm-delete-buttons{display:flex;gap:15px;justify-content:center;width:100%}.confirm-delete-buttons button{padding:10px 20px;font-size:1rem;background-color:var(--button-bg-color);color:var(--button-text-color);border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.confirm-delete-buttons button:hover{background-color:var(--ultra-violet)}.add-part-container{background-color:var(--surface-color);color:var(--text-color);border-radius:16px;width:960px;margin:0 auto;padding:20px;animation:fadeIn .25s ease-in-out}.add-part-container .add-part-header{font-weight:600;font-size:18px;text-align:center;color:var(--text-color);margin:10px 0 20px}.add-part-container .add-part-form{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:24px;flex-wrap:wrap}@media (max-width: 760px){.add-part-container .add-part-form{flex-direction:column;align-items:center}}.add-part-container .add-part-form .add-part-left{display:flex;flex-direction:column;align-items:center;width:35%}.add-part-container .add-part-form .add-part-left .image-wrapper{position:relative;cursor:pointer;display:inline-block}.add-part-container .add-part-form .add-part-left .image-wrapper .client-image{width:300px;height:300px;border-radius:16px;object-fit:cover;transition:all .25s ease-in-out;border:1px solid var(--box-bg-border);background-color:var(--box-bg)}.add-part-container .add-part-form .add-part-left .image-wrapper .image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;background-color:#00000080;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-in-out;text-transform:uppercase;letter-spacing:.5px}.add-part-container .add-part-form .add-part-left .image-wrapper:hover .client-image{transform:scale(1.03);box-shadow:0 3px 10px #00000026}.add-part-container .add-part-form .add-part-left .image-wrapper:hover .image-overlay{opacity:1}.add-part-container .add-part-form .add-part-left .client-image{width:300px;height:300px;border-radius:16px;object-fit:cover;transition:all .2s ease-in-out;border:1px solid var(--box-bg-border);background-color:var(--box-bg)}.add-part-container .add-part-form .add-part-left .client-image:hover{transform:scale(1.03);box-shadow:0 3px 10px #00000026}.add-part-container .add-part-form .add-part-left input[type=file]{margin-top:10px;font-size:12px;text-align:center;color:var(--text-color);cursor:pointer;text-overflow:ellipsis;background:transparent;border:none;opacity:.8}.add-part-container .add-part-right{display:flex;flex-direction:column;gap:16px;width:60%}.add-part-container .add-part-right .add-part-name-sku{display:flex;flex-direction:row;gap:16px}.add-part-container .add-part-right .add-part-name-sku .add-part-input{display:flex;flex-direction:column;width:50%;gap:5px}.add-part-container .add-part-right .add-part-name-sku .add-part-input label{font-size:12px;text-transform:uppercase;opacity:.7;letter-spacing:.5px}.add-part-container .add-part-right .add-part-name-sku .add-part-input input[type=text],.add-part-container .add-part-right .add-part-name-sku .add-part-input select{width:100%;background-color:var(--light-white);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 10px;font-size:12px;color:var(--light-black);outline:none}.add-part-container .add-part-right .add-part-name-sku .add-part-input input[type=text]:focus,.add-part-container .add-part-right .add-part-name-sku .add-part-input select:focus{border-color:var(--tiffany-blue)}.add-part-container .add-part-right .add-part-name-sku .add-part-input .error{font-size:12px;color:red}.add-part-container .add-part-right .add-part-description{display:flex;flex-direction:column;gap:5px}.add-part-container .add-part-right .add-part-description label{font-size:12px;text-transform:uppercase;opacity:.7;letter-spacing:.5px}.add-part-container .add-part-right .add-part-description textarea{width:100%;height:100px;background-color:var(--light-white);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 10px;font-size:12px;color:var(--light-black);outline:none;resize:vertical}.add-part-container .add-part-right .add-part-description textarea:focus{border-color:var(--tiffany-blue)}.add-part-container .add-part-right .add-part-description .error{font-size:12px;color:red}.add-part-container .add-part-right .brand-model{display:flex;flex-direction:row;gap:16px}.add-part-container .add-part-right .brand-model .add-part-input{display:flex;flex-direction:column;width:50%;gap:5px}.add-part-container .add-part-right .brand-model .add-part-input label{font-size:12px;text-transform:uppercase;opacity:.7;letter-spacing:.5px}.add-part-container .add-part-right .brand-model .add-part-input input[type=text],.add-part-container .add-part-right .brand-model .add-part-input select{width:100%;background-color:var(--light-white);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 10px;font-size:12px;color:var(--light-black);outline:none}.add-part-container .add-part-right .brand-model .add-part-input input[type=text]:focus,.add-part-container .add-part-right .brand-model .add-part-input select:focus{border-color:var(--tiffany-blue)}.add-part-container .add-part-right .brand-model .add-part-input .error{font-size:12px;color:red}.add-part-container .add-part-right .unit-price{display:flex;flex-direction:row;gap:16px}.add-part-container .add-part-right .unit-price .add-part-input{display:flex;flex-direction:column;width:50%;gap:5px}.add-part-container .add-part-right .unit-price .add-part-input label{font-size:12px;text-transform:uppercase;opacity:.7;letter-spacing:.5px}.add-part-container .add-part-right .unit-price .add-part-input input[type=number],.add-part-container .add-part-right .unit-price .add-part-input select{width:100%;background-color:var(--light-white);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 10px;font-size:12px;color:var(--light-black);outline:none}.add-part-container .add-part-right .unit-price .add-part-input input[type=number]:focus,.add-part-container .add-part-right .unit-price .add-part-input select:focus{border-color:var(--tiffany-blue)}.add-part-container .add-part-right .unit-price .add-part-input .error{font-size:12px;color:red}.add-part-container .add-part-buttons{width:100%;display:flex;justify-content:center;gap:12px}.add-part-container .add-part-buttons button{width:fit-content;border-radius:8px;border:none;cursor:pointer;font-size:12px}.add-part-container .add-part-buttons button:first-child{background-color:var(--tiffany-blue);color:#fff}.add-part-container .add-part-buttons button:first-child:hover{opacity:.9}.add-part-container .add-part-buttons button:last-child{padding:6px 12px;background-color:transparent;color:var(--text-color)}.add-part-container .add-part-buttons button:last-child:hover{background-color:#dedede8a}.add-part-container .add-part-buttons .btn-add-part,.add-part-container .add-part-buttons .btn-cancel{padding:6px 12px;border-radius:8px;border:none;cursor:pointer}.add-part-container .add-part-buttons .btn-add-part:hover,.add-part-container .add-part-buttons .btn-cancel:hover{opacity:.9}.edit-ticket-form{display:flex;flex-direction:column;border-radius:10px;padding:2rem;box-shadow:0 4px 8px #0000001a;max-width:600px;margin:0 auto;background-color:var(--box-bg)}.edit-ticket-form h1{color:var(--text-color);margin-bottom:1rem;text-align:center;font-size:1.5rem}.edit-ticket-form-inputs{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.edit-ticket-form-input{display:flex;flex-direction:column;gap:.5rem}.edit-ticket-form-input label{font-weight:700;color:var(--text-color)}.edit-ticket-form-input input,.edit-ticket-form-input textarea,.edit-ticket-form-input select{padding:.75rem;font-family:Arial,Helvetica,sans-serif;border:1px solid var(--box-bg);border-radius:5px;font-size:1rem;width:100%;box-sizing:border-box;transition:border-color .3s ease}.edit-ticket-form-input input:focus,.edit-ticket-form-input textarea:focus,.edit-ticket-form-input select:focus{border-color:var(--ultra-violet);outline:none}.edit-ticket-form-input textarea{resize:vertical;height:100px}.edit-ticket-form-input select{background-color:var(--seasalt)}.edit-ticket-form-error{color:var(--razzmatazz);font-size:.9rem}button[type=submit]{padding:.75rem 2rem;font-size:1.2rem;background-color:var(--ultra-violet);color:var(--button-text-color);border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;width:100%;margin-top:1rem}button[type=submit]:hover{background-color:var(--razzmatazz)}button[type=submit]:disabled{background-color:var(--login-bg);cursor:not-allowed}.ticket-details-tab{display:flex;flex-direction:column;align-content:space-between;justify-content:space-between;background-color:var(--background-color);color:var(--text-color);border-radius:12px;transition:background-color .3s ease,color .3s ease}.ticket-details-header{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px}.ticket-details-header-left{display:flex;flex-direction:column;padding-left:20px}.ticket-details-header-left h1{font-size:1.8rem;font-weight:700;color:var(--text-color)}.ticket-details-header-right{display:flex;flex-direction:row;gap:.5rem;padding-right:20px}.ticket-details-header-right span{font-size:1rem;font-weight:500;color:var(--text-color)}button{background-color:var(--button-bg-color);display:flex;flex-direction:row;gap:.5rem;align-items:center;justify-content:center;border:none;color:var(--button-text-color);padding:.6rem;border-radius:50px;font-size:1rem;cursor:pointer;transition:background-color .3s,color .3s}.edit-ticket-btn{display:flex;flex-direction:row;gap:.5rem;align-items:center;justify-content:center;border:none;color:var(--box-bg-border);padding:.6rem;border-radius:50px;font-size:1rem;cursor:pointer;list-style:none;transition:ease-in .2s,color .2s}.edit-ticket-btn:hover{transform:scale(1.1)}.notes-container button{border:none}.ticket-description-body{display:flex;flex-direction:row;align-items:space-between;justify-content:space-between;width:100%;margin-bottom:10px}.ticket-description-body h3{font-size:1.2rem;font-weight:700;color:var(--text-color)}.ticket-description-body span{font-size:1rem;font-weight:500;color:var(--text-color)}#body-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:1rem}.ticket-details-status{display:flex;flex-direction:column;align-items:start;justify-content:start;width:100%;margin-bottom:10px}.ticket-details-status select{padding:.5rem;border-radius:5px;border:1px solid var(--semitransparent-bg);font-size:1rem;width:50%}.ticket-details-notes-parts{display:flex;flex-direction:row;align-items:start;justify-content:space-between;width:100%;gap:1rem}.tickets-details-notes,.tickets-details-parts{display:flex;flex-direction:column;align-items:start;align-content:start;background-color:var(--login-bg);color:var(--text-color);gap:1rem;border-radius:10px;padding:15px;width:50%;height:400px}#notes-parts{display:flex;flex-direction:row;align-items:start;justify-content:space-between;width:100%;gap:1rem}.loader{width:48px;height:48px;border:5px solid var(--semitransparent-bg);border-bottom-color:#5e53a3;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.parts-container{width:100%}.ticket-qr{display:flex;flex-direction:column;align-items:center;justify-content:center}.qr{padding:10px;border-radius:10px;background-color:var(--button-text-color)}.assign-to-client{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:750px;height:650px;background-color:var(--surface-color);color:var(--text-color);border-radius:10px;padding:20px}.assign-to-client h1{margin-bottom:20px;text-align:center}.assign-to-client .assign-to-client-wrapper{display:flex;flex:1;gap:25px;margin-bottom:20px}.assign-to-client .assign-to-client-wrapper .assign-to-client-left{width:50%;max-height:480px;overflow-y:auto}.assign-to-client .assign-to-client-wrapper .assign-to-client-left .filter-block{width:100%;display:flex;margin-bottom:20px;flex-direction:column;align-content:space-between;justify-content:start;gap:4px;position:sticky;top:0;background-color:var(--surface-color);z-index:1}.assign-to-client .assign-to-client-wrapper .assign-to-client-left .title{font-size:12px;opacity:.6}.assign-to-client .assign-to-client-wrapper .assign-to-client-left .search-filter-wrapper{position:relative;display:flex;align-items:center;gap:8px;border:2px solid var(--border-color);border-radius:8px;overflow:hidden}.assign-to-client .assign-to-client-wrapper .assign-to-client-left .search-filter-wrapper .search-filter-icon{position:absolute;top:50%;left:12px;transform:translateY(-50%);z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none}.assign-to-client .assign-to-client-wrapper .assign-to-client-left .search-filter-wrapper input{border:none;outline:none;background:none;padding-left:36px;color:var(--text-color)}.assign-to-client .assign-to-client-wrapper .assign-to-client-left .clients-list{display:flex;flex-direction:column;gap:10px;padding:10px}.assign-to-client .assign-to-client-wrapper .assign-to-client-left .client-card-selectable{display:flex;align-items:center;background-color:var(--background-color);border-radius:10px;padding:12px;border:2px solid transparent;box-shadow:0 2px 5px #0000001a;cursor:pointer;transition:all .2s ease}.assign-to-client .assign-to-client-wrapper .assign-to-client-left .client-card-selectable:hover{border-color:var(--tiffany-blue);transform:scale(1.01)}.assign-to-client .assign-to-client-wrapper .assign-to-client-left .client-card-selectable.selected{background-color:var(--tiffany-blue);color:#fff;border-color:var(--tiffany-blue)}.assign-to-client .assign-to-client-wrapper .assign-to-client-left .client-card-selectable .client-card-info{display:flex;align-items:center;gap:10px}.assign-to-client .assign-to-client-wrapper .assign-to-client-left .client-card-selectable .client-card-info img{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid #ddd}.assign-to-client .assign-to-client-wrapper .assign-to-client-left .client-card-selectable .client-card-info .client-card-texts{display:flex;flex-direction:column}.assign-to-client .assign-to-client-wrapper .assign-to-client-left .client-card-selectable .client-card-info .client-card-texts h4{font-size:1.1rem;margin:0;font-weight:500}.assign-to-client .assign-to-client-wrapper .assign-to-client-left .client-card-selectable .client-card-info .client-card-texts p{font-size:.9rem;opacity:.8;margin:0}.assign-to-client .assign-to-client-wrapper .assign-to-client-right{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.assign-to-client .assign-to-client-wrapper .assign-to-client-right h2{font-size:1.2rem;margin-bottom:10px;text-align:start}.assign-to-client .assign-to-client-wrapper .assign-to-client-right h3{margin:10px 0 5px;text-align:start;font-size:1rem}.assign-to-client .assign-to-client-wrapper .assign-to-client-right .phone-number-information{display:flex;flex-direction:column;width:100%;gap:10px}.assign-to-client .assign-to-client-wrapper .assign-to-client-right .phone-number-information input{width:100%;background-color:var(--light-white);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 10px;font-size:12px;color:var(--light-black);outline:none}.assign-to-client .assign-to-client-wrapper .assign-to-client-right .phone-number-information input:focus{border-color:var(--tiffany-blue)}.assign-to-client .assign-to-client-wrapper .assign-to-client-right .phone-number-information input[readonly]{width:100%;background-color:var(--light-white);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 10px;font-size:12px;color:var(--light-black);outline:none}.assign-to-client .assign-to-client-wrapper .assign-to-client-right .phone-number-information input[readonly]:focus{border-color:var(--tiffany-blue)}.assign-to-client .assign-to-client-wrapper .assign-to-client-right .locations-list{display:flex;flex-direction:column;gap:10px;width:100%;max-height:200px;overflow-y:auto;padding:10px;border:1px solid var(--border-color);border-radius:8px}.assign-to-client .assign-to-client-wrapper .assign-to-client-right .locations-list .location-card-location{padding:10px;background-color:var(--background-color);border-radius:8px;border:2px solid transparent;transition:all .2s ease}.assign-to-client .assign-to-client-wrapper .assign-to-client-right .locations-list .location-card-location:hover{border-color:var(--tiffany-blue);cursor:pointer}.assign-to-client .assign-to-client-wrapper .assign-to-client-right .locations-list .location-card-location.selected{background-color:var(--tiffany-blue);color:#fff}.assign-to-client .assign-to-client-wrapper .assign-to-client-right .locations-list .location-card-location h4{font-size:1rem;margin-bottom:4px}.assign-to-client .assign-to-client-wrapper .assign-to-client-right .locations-list .location-card-location p{font-size:.85rem;opacity:.8}.assign-to-client button{width:fit-content;padding:6px 20px;border-radius:8px;border:none;cursor:pointer}.assign-to-client button:hover{opacity:.9}.ticket-part-card{flex-shrink:0;display:flex;flex-direction:column;gap:12px;width:200px;padding:8px;background-color:var(--surface-color);border-radius:16px;border:2px solid var(--surface-color);overflow:hidden;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .3s ease}.ticket-part-card:hover{border-color:var(--button-bg-color)}.ticket-part-card .image{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden}.ticket-part-card .image img{width:100%;height:100%;object-fit:cover}.ticket-part-card .image .part-icon{width:50%;height:50%;opacity:.5}.ticket-part-card .image:before{content:"";position:absolute;width:100%;height:100%;background-color:var(--text-color);opacity:.05}.ticket-part-card .part-info{display:flex;flex-direction:column;width:100%;padding:0 8px 8px;overflow:hidden}.ticket-part-card .part-info .part-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-part-card .part-info .part-description{height:40px;overflow:hidden;opacity:.5}.ticket-part-card .part-info .part-footer{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:8px;font-size:14px}.ticket-part-card .part-info .part-sku{flex-grow:1}.ticket-part-card .part-info .part-total-stock{flex-shrink:0}.audio-player{display:flex;align-items:center;gap:12px;width:100%;background-color:var(--background-color);padding:10px 16px;border-radius:10px;box-shadow:0 2px 6px #0000001a}.audio-player audio{display:none}.audio-player .play-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;gap:6px;background-color:transparent;border:1px solid var(--tiffany-blue);color:var(--tiffany-blue);font-size:14px;cursor:pointer;border-radius:50%;transition:background-color .3s ease,color .3s ease}.audio-player .play-button:hover{background-color:#1da1f21a;color:var(--text-color);transform:scale(1.05)}.audio-player .play-button:active{transform:scale(.95)}.audio-player .progress-container{flex:1;display:flex;flex-direction:column;justify-content:center}.audio-player .progress-container .progress-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:4px;background-color:var(--surface-color);outline:none;margin-bottom:6px;cursor:pointer}.audio-player .progress-container .progress-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background-color:#1da1f21a;cursor:pointer;transition:background-color .2s}.audio-player .progress-container .progress-bar::-webkit-slider-thumb:hover{background-color:#1da1f21a}.audio-player .progress-container .time-display{display:flex;justify-content:space-between;font-size:12px;color:#666;font-weight:500}.ticket-employees{display:flex;flex-direction:column;align-items:flex-start;margin-top:16px;padding:16px;background-color:var(--surface-color);border-radius:8px}.ticket-employees .employees-title{font-size:14px;opacity:.6;margin-bottom:8px}.ticket-employees .author{display:flex;align-items:center;gap:8px}.ticket-employees .author .author-image{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;overflow:hidden}.ticket-employees .author .author-image:before{content:"";position:absolute;width:100%;height:100%;background-color:var(--text-color);opacity:.05}.ticket-employees .author .author-image img{width:100%;height:100%;object-fit:cover;object-position:center}.ticket-employees .author .author-info{font-size:14px;opacity:.7}.ticket-employees .employee-list{display:flex;flex-wrap:wrap;gap:8px}.employee-chip{position:relative;z-index:1;display:flex;align-items:center;gap:8px}.employee-chip:before{content:"";position:absolute;width:100%;height:100%;background-color:var(--text-color);border-radius:50px;opacity:.08;z-index:-1}.employee-chip .employee-image{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:3px 0 3px 3px;border-radius:50%;overflow:hidden}.employee-chip .employee-image img{width:100%;height:100%;object-fit:cover;object-position:center}.employee-chip .employee-name{margin-right:16px;font-size:14px;opacity:.7}.ticket-note-wrapper{display:flex;gap:16px}.ticket-note-wrapper .user-image{flex-shrink:0;width:28px;height:28px;border-radius:50%;overflow:hidden;cursor:pointer}.ticket-note-wrapper .user-image img{width:100%;height:100%;object-fit:cover;object-position:center}.ticket-note-card{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px;background-color:var(--surface-color);border-radius:0 8px 8px;box-shadow:0 1px 2px #0000000d}.ticket-note-card:before{content:"";position:absolute;top:0;left:-10px;width:10px;height:10px;background:linear-gradient(45deg,transparent 50%,var(--surface-color) 0)}.ticket-note-card.own-note{border-top:2px solid var(--button-bg-color)}.ticket-note-card.own-note:before{top:-2px;border-top:2px solid var(--button-bg-color)}.ticket-note-card .note-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.ticket-note-card .note-timestamp{font-size:12px;opacity:.7}.ticket-note-card .note-actions{display:flex;align-items:center;opacity:.6;transition:all .3s ease}.ticket-note-card .note-actions .open-modal-menu-item{padding:0;margin-top:-10px}.ticket-note-card .note-actions .btn-action{width:24px;height:24px}.ticket-note-card .note-actions .btn-action .btn-icon-icon{width:14px;height:14px}.ticket-note-card:hover .note-actions{opacity:1}.ticket-details{display:flex;width:100%;flex-grow:1;flex-direction:column;color:var(--text-color);padding:20px}.ticket-details .section-header{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--surface-color);border-radius:8px;gap:12px}.ticket-details .section-header .ticket-title-and-status{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between;gap:12px;padding:15px 20px;border-radius:8px}.ticket-details .section-header .ticket-title-and-status h1{display:flex;align-items:center;font-size:2rem;gap:8px}.ticket-details .section-header .ticket-title-and-status span.ticket-status{display:flex;align-items:center;gap:4px;padding:8px 10px;border-radius:8px;background-color:var(--surface-color);color:var(--light-white);font-size:16px;cursor:pointer}.ticket-details .section-header .ticket-title-and-status .status-dropdown-menu{position:absolute;padding:15px 20px;left:1050px;top:90px;background-color:var(--surface-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;width:250px;height:fit-content}.ticket-details .section-header .ticket-title-and-status .status-dropdown-menu li{list-style:none}.ticket-details .section-header .ticket-title-and-status .status-dropdown-menu li .status-option-button-1,.ticket-details .section-header .ticket-title-and-status .status-dropdown-menu li .status-option-button-2,.ticket-details .section-header .ticket-title-and-status .status-dropdown-menu li .status-option-button-3,.ticket-details .section-header .ticket-title-and-status .status-dropdown-menu li .status-option-button-4{display:flex;align-items:center;gap:8px;padding:8px 12px;width:100%;border:none;cursor:pointer;color:var(--light-white);font-size:14px;border-radius:6px;transition:background-color .2s ease}.ticket-details .section-header .ticket-title-and-status .status-dropdown-menu li .status-option-button-1:hover,.ticket-details .section-header .ticket-title-and-status .status-dropdown-menu li .status-option-button-2:hover,.ticket-details .section-header .ticket-title-and-status .status-dropdown-menu li .status-option-button-3:hover,.ticket-details .section-header .ticket-title-and-status .status-dropdown-menu li .status-option-button-4:hover{transform:scale(1.01)}.ticket-details .section-header .ticket-title-and-status .status-dropdown-menu li .status-option-button-1{background-color:#ff6b6b}.ticket-details .section-header .ticket-title-and-status .status-dropdown-menu li .status-option-button-2{background-color:#ffb84c}.ticket-details .section-header .ticket-title-and-status .status-dropdown-menu li .status-option-button-4{background-color:#7c3aed}.ticket-details .section-header .ticket-title-and-status .status-dropdown-menu li .status-option-button-3{background-color:#4caf50}.ticket-details .section-header .ticket-title-and-status .status-dropdown-menu-hidden{display:none}.ticket-details .ticket-details-container{display:flex;flex-direction:row;gap:24px;margin-top:20px}.ticket-details .ticket-details-container .ticket-info,.ticket-details .ticket-details-container .share-container{display:flex;flex-direction:column;flex:1;background-color:var(--surface-color);padding:20px;border-radius:8px;box-shadow:0 2px 6px #0000001a;width:50%}.ticket-details .ticket-details-container .ticket-description{display:flex;flex-direction:column;margin-top:16px;background-color:var(--background-color);padding:20px;border-radius:8px}.ticket-details .ticket-details-container .ticket-description .description-title{font-size:14px;opacity:.7;margin-bottom:4px}.ticket-details .ticket-details-container .ticket-description .description-content{font-size:14px;line-height:1.5;max-height:250px;overflow-y:auto}.ticket-details .ticket-details-container .client-right-info{display:flex;flex-direction:column;flex:1;width:50%;gap:20px}.ticket-details .ticket-details-container .client-right-info .client-information-right-info{display:flex;flex-direction:column;width:100%;background-color:var(--surface-color);padding:20px;border-radius:8px;gap:20px}.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client-caller-details{display:flex;flex-direction:row;align-content:center;justify-content:center;gap:20px}.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client-caller-details .caller-info{display:flex;align-items:center;gap:14px;border-radius:50px;background-color:var(--surface-color);color:var(--text-color);cursor:pointer;width:fit-content;transition:box-shadow .25s ease,transform .25s ease;animation:fadeIn .25s ease-in-out}.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client-caller-details .caller-info:hover{box-shadow:0 3px 8px #0000001a;transform:translateY(-1px)}.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client-caller-details .caller-info .phone-button{background-color:var(--button-bg-color);color:var(--light-white);padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;min-width:38px;min-height:38px;box-shadow:0 3px 6px #00000026;transition:transform .2s ease,background-color .2s ease;transform:rotate(90deg)}.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client-caller-details .caller-info .phone-button:hover{background-color:var(--tiffany-blue);transform:scale(1.1) rotate(90deg)}.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client-caller-details .caller-info .phone-number-and-title{display:flex;flex-direction:column;gap:2px;margin-right:20px}.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client-caller-details .caller-info .phone-number-and-title .phone-type-label{font-size:11px;text-transform:uppercase;color:var(--text-color);opacity:.6;letter-spacing:.5px}.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client-caller-details .caller-info .phone-number-and-title .phone-number-label{font-size:13px;font-weight:500;color:var(--dark-text, var(--text-color))}.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client-caller-details .assign-client{display:flex;align-items:center;width:fit-content;justify-content:end;gap:6px;background-color:transparent;border:1px solid var(--tiffany-blue);color:var(--tiffany-blue);font-size:14px;cursor:pointer;border-radius:8px;transition:background-color .3s ease,color .3s ease}.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client-caller-details .assign-client:hover{background-color:#1da1f21a;color:var(--text-color)}.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client-caller-details .assign-client svg{font-size:16px;margin-right:4px}.ticket-details .ticket-details-container .client-right-info .client-information-right-info .caller-info-ticket{display:flex;align-items:center;gap:12px;background-color:transparent}.ticket-details .ticket-details-container .client-right-info .client-information-right-info .caller-info-ticket .location-name-location-phone{display:flex;gap:20px;background-color:transparent}.ticket-details .ticket-details-container .client-right-info .client-information-right-info .caller-info-ticket .location-name-location-phone .caller-location-name{font-size:13px;font-weight:500;background-color:var(--surface-color);padding:8px 12px;border-radius:50px}.ticket-details .ticket-details-container .client-right-info .client-information-right-info .caller-info-ticket .location-name-location-phone .caller-location-phone-number{display:flex;align-items:center;gap:4px;background-color:var(--background-color);border-radius:50px}.ticket-details .ticket-details-container .client-right-info .client-information-right-info .caller-info-ticket .location-name-location-phone .caller-location-phone-number span{font-size:12px}.ticket-details .ticket-details-container .client-right-info .client-information-right-info .caller-info-ticket .location-name-location-phone .caller-location-phone-number:hover{cursor:pointer}.ticket-details .ticket-details-container .client-right-info .client-information-right-info .caller-info-ticket .location-name-location-phone .caller-location-phone-number .caller-location-phone-type{font-size:8px;text-transform:uppercase;color:var(--text-color);letter-spacing:.5px;padding:8px 12px;background-color:var(--button-bg-color);border-radius:50px 0 0 50px}.ticket-details .ticket-details-container .client-right-info .client-information-right-info .caller-info-ticket .location-name-location-phone .caller-location-phone-number .caller-location-phone-number-number{font-size:13px;font-weight:500;padding:4px 10px 4px 4px}.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client,.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client-individual-client,.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client-company-client{position:relative;z-index:1;display:flex;align-items:center;gap:8px}.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client:before,.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client-individual-client:before,.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client-company-client:before{content:"";position:absolute;width:100%;height:100%;background-color:var(--text-color);border-radius:50px;opacity:.08;z-index:-1}.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client .client-image,.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client-individual-client .client-image,.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client-company-client .client-image{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:3px 0 3px 3px;border-radius:50%;overflow:hidden}.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client .client-image img,.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client-individual-client .client-image img,.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client-company-client .client-image img{width:100%;height:100%;object-fit:cover;object-position:center}.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client .client-info,.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client-individual-client .client-info,.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client-company-client .client-info{margin-right:16px;font-size:14px;opacity:.7}.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client .client-company-client,.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client-individual-client .client-company-client,.ticket-details .ticket-details-container .client-right-info .client-information-right-info .client-company-client .client-company-client{background-color:var(--jonquil);color:var(--light-black);padding:8px 12px;border-radius:50px}.ticket-details .ticket-details-container .client-right-info .share-container{display:flex;flex-direction:column;width:100%;background-color:var(--surface-color);padding:20px;border-radius:8px;gap:20px}.ticket-details .ticket-details-container .client-right-info .share-container .ticket-call-info-header{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:space-between;gap:12px}.ticket-details .ticket-details-container .client-right-info .share-container .ticket-call-info-header .download-audio{display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;background-color:transparent;border:1px solid var(--tiffany-blue);color:var(--tiffany-blue);font-size:14px;cursor:pointer;padding:8px 14px;border-radius:8px;transition:background-color .3s ease,color .3s ease}.ticket-details .ticket-details-container .client-right-info .share-container .ticket-call-info-header .download-audio:hover{background-color:#1da1f21a;color:var(--text-color)}.ticket-details .ticket-details-container .client-right-info .share-container .ticket-call-info-header .download-audio svg{font-size:16px}.ticket-details .ticket-details-container .client-right-info .share-container .call-time-and-date{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px;border-top:1px solid var(--text-color);padding:12px;border-bottom:1px solid var(--text-color)}.ticket-details .ticket-details-container .client-right-info .share-container .call-time-and-date .call-icon,.ticket-details .ticket-details-container .client-right-info .share-container .call-time-and-date .call-date,.ticket-details .ticket-details-container .client-right-info .share-container .call-time-and-date .call-time{display:flex;align-items:center;gap:8px;font-size:16px}.ticket-details .ticket-details-container .client-right-info .share-container .audio-player-container{width:100%}.ticket-details .ticket-details-container .client-right-info .share-container .no-audio-placeholder span{display:flex;align-items:center;justify-content:center;font-size:12px;opacity:.7}.ticket-details .notes-and-parts{display:grid;grid-template-columns:1fr 418px;gap:24px;margin-top:24px}.ticket-details .notes-and-parts .notes-container,.ticket-details .notes-and-parts .parts-container{display:flex;flex-direction:column;gap:16px}.ticket-details .notes-and-parts .notes-header,.ticket-details .notes-and-parts .parts-header{display:flex;align-items:center;gap:16px}.ticket-details .notes-and-parts .notes-header button.btn-add-note,.ticket-details .notes-and-parts .notes-header button.btn-add-part,.ticket-details .notes-and-parts .parts-header button.btn-add-note,.ticket-details .notes-and-parts .parts-header button.btn-add-part{width:32px;height:32px;margin:0}.ticket-details .notes-and-parts .notes-list,.ticket-details .notes-and-parts .parts-list{display:flex;flex-direction:column;gap:16px}.ticket-details .notes-and-parts .parts-list{flex-wrap:wrap}.ticket-details .notes-and-parts .no-notes-placeholder,.ticket-details .notes-and-parts .no-parts-placeholder{font-size:14px;opacity:.7}.edit-user-container{display:flex;flex-direction:column;background-color:var(--surface-color);color:var(--text-color);border-radius:16px;width:600px;margin:0 auto;padding:20px;gap:20px;animation:fadeIn .25s ease-in-out}.edit-user-container .edit-user-header{font-weight:600;font-size:18px;text-align:center;color:var(--text-color);margin:10px 0 20px}.edit-user-container .edit-user-form{display:flex;flex-direction:column;width:100%;padding:0;align-items:center;justify-content:center;gap:20px}@media (max-width: 760px){.edit-user-container .edit-user-form{flex-direction:column;align-items:center}}.edit-user-container .edit-user-content{display:flex;flex-direction:row;width:100%;align-content:space-between;gap:20px}.edit-user-container .edit-user-content .edit-user-left{display:flex;flex-direction:column;align-items:center;width:50%}.edit-user-container .edit-user-content .edit-user-left .image-wrapper{position:relative;cursor:pointer;display:inline-block}.edit-user-container .edit-user-content .edit-user-left .image-wrapper .user-image{width:260px;height:260px;border-radius:16px;object-fit:cover;transition:all .25s ease-in-out;border:1px solid var(--box-bg-border);background-color:var(--box-bg)}.edit-user-container .edit-user-content .edit-user-left .image-wrapper .image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;background-color:#00000080;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-in-out;text-transform:uppercase;letter-spacing:.5px}.edit-user-container .edit-user-content .edit-user-left .image-wrapper:hover .client-image{transform:scale(1.03);box-shadow:0 3px 10px #00000026}.edit-user-container .edit-user-content .edit-user-left .image-wrapper:hover .image-overlay{opacity:1}.edit-user-container .edit-user-content .edit-user-left .user-image{width:250px;height:250px;border-radius:16px;object-fit:cover;transition:all .2s ease-in-out;border:1px solid var(--box-bg-border);background-color:var(--box-bg)}.edit-user-container .edit-user-content .edit-user-left .user-image:hover{transform:scale(1.03);box-shadow:0 3px 10px #00000026}.edit-user-container .edit-user-content .edit-user-left input[type=file]{margin-top:10px;font-size:12px;text-align:center;color:var(--text-color);cursor:pointer;text-overflow:ellipsis;background:transparent;border:none;opacity:.8}.edit-user-container .edit-user-content .edit-user-right{display:flex;flex-direction:column;gap:16px;width:50%}.edit-user-container .edit-user-content .edit-user-right .first-last-name{display:flex;flex-direction:column;align-items:center;gap:16px}.edit-user-container .edit-user-content .edit-user-right .first-last-name .edit-user-input{display:flex;width:100%;flex-direction:column;gap:5px}.edit-user-container .edit-user-content .edit-user-right .first-last-name .edit-user-input label{font-size:12px;text-transform:uppercase;opacity:.7;letter-spacing:.5px}.edit-user-container .edit-user-content .edit-user-right .first-last-name .edit-user-input input[type=text],.edit-user-container .edit-user-content .edit-user-right .first-last-name .edit-user-input select{width:100%;background-color:var(--light-white);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 10px;font-size:12px;color:var(--light-black);outline:none}.edit-user-container .edit-user-content .edit-user-right .first-last-name .edit-user-input input[type=text]:focus,.edit-user-container .edit-user-content .edit-user-right .first-last-name .edit-user-input select:focus{border-color:var(--tiffany-blue)}.edit-user-container .edit-user-content .edit-user-right .first-last-name .edit-user-input .error{font-size:12px;color:red}.edit-user-container .edit-user-content .edit-user-right .username-email{display:flex;flex-direction:column;align-items:center;gap:16px}.edit-user-container .edit-user-content .edit-user-right .username-email .edit-user-input{display:flex;width:100%;flex-direction:column;gap:5px}.edit-user-container .edit-user-content .edit-user-right .username-email .edit-user-input label{font-size:12px;text-transform:uppercase;opacity:.7;letter-spacing:.5px}.edit-user-container .edit-user-content .edit-user-right .username-email .edit-user-input input,.edit-user-container .edit-user-content .edit-user-right .username-email .edit-user-input select{width:100%;background-color:var(--light-white);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 10px;font-size:12px;color:var(--light-black);outline:none}.edit-user-container .edit-user-content .edit-user-right .username-email .edit-user-input input:focus,.edit-user-container .edit-user-content .edit-user-right .username-email .edit-user-input select:focus{border-color:var(--tiffany-blue)}.edit-user-container .edit-user-content .edit-user-right .username-email .edit-user-input .error{font-size:12px;color:red}.edit-user-container .edit-employee-buttons{width:100%;display:flex;justify-content:center;gap:12px}.edit-user-container .edit-employee-buttons button{width:fit-content;border-radius:8px;border:none;cursor:pointer;font-size:12px}.edit-user-container .edit-employee-buttons button:first-child{background-color:var(--tiffany-blue);color:#fff}.edit-user-container .edit-employee-buttons button:first-child:hover{opacity:.9}.edit-user-container .edit-employee-buttons button:last-child{padding:6px 12px;background-color:transparent;color:var(--text-color)}.edit-user-container .edit-employee-buttons button:last-child:hover{background-color:#dedede8a}.edit-user-container .edit-employee-buttons .btn-submit-edit-employee,.edit-user-container .edit-employee-buttons .btn-cancel-edit-employee{padding:6px 12px;border-radius:8px;border:none;cursor:pointer}.edit-user-container .edit-employee-buttons .btn-submit-edit-employee:hover,.edit-user-container .edit-employee-buttons .btn-cancel-edit-employee:hover{opacity:.9}.employee-card-inactive{display:flex;justify-content:space-between;align-items:center;background-color:var(--surface-color);border-radius:8px;padding:16px;box-shadow:0 4px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.employee-card-inactive:hover{transform:scale(1.01);border:1px solid var(--ultra-violet);box-shadow:0 8px 16px #00000026}.employee-card-inactive .employee-left{display:flex;flex-direction:row;align-items:center;gap:16px}.employee-card-inactive .employee-left .employee-profile-picture{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--client-card-bg);box-shadow:0 2px 4px #0000001a}.employee-card-inactive .employee-left .employee-info{display:flex;flex-direction:column;align-items:start;justify-content:center}.employee-card-inactive .employee-left .employee-info p{font-size:14px;color:var(--text-color);opacity:.7;font-style:italic}.employee-card-inactive .employee-operations{display:flex;flex-direction:row;justify-content:center;gap:8px}.employee-card-inactive .employee-operations .edit-employee-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:6px;font-size:18px;background-color:transparent;color:var(--button-text-color);cursor:pointer;transition:background-color .3s ease}.employee-card-inactive .employee-operations .edit-employee-btn:hover{background-color:#ffffff1a;transform:scale(1.1)}.employee-card-inactive .employee-operations .delete-employee-btn{display:flex;align-items:center;justify-content:center;flex-direction:row;border-radius:6px;color:#c33;cursor:pointer;transition:background-color .3s ease}.employee-card-inactive .employee-operations .delete-employee-btn:hover{background-color:#ff00001a}.employee-card-active{display:flex;justify-content:space-between;align-items:center;background-color:#30303029;border-radius:8px;padding:16px;box-shadow:0 4px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.employee-card-active:hover{transform:scale(1.01);border:1px solid var(--ultra-violet);box-shadow:0 8px 16px #00000026}.employee-card-active .employee-left{display:flex;flex-direction:row;align-items:center;gap:16px}.employee-card-active .employee-left .employee-profile-picture{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--client-card-bg);box-shadow:0 2px 4px #0000001a}.employee-card-active .employee-left .employee-info{display:flex;flex-direction:column;align-items:start;justify-content:center}.employee-card-active .employee-left .employee-info p{font-size:14px;color:var(--text-color);opacity:.7;font-style:italic}.employee-card-active .employee-operations{display:flex;flex-direction:row;justify-content:center;gap:8px}.employee-card-active .employee-operations .edit-employee-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:6px;font-size:18px;background-color:transparent;color:var(--button-text-color);cursor:pointer;transition:background-color .3s ease}.employee-card-active .employee-operations .edit-employee-btn:hover{background-color:#ffffff1a;transform:scale(1.1)}.employee-card-active .employee-operations .delete-employee-btn{display:flex;align-items:center;justify-content:center;flex-direction:row;border-radius:6px;color:#c33;cursor:pointer;transition:background-color .3s ease}.employee-card-active .employee-operations .delete-employee-btn:hover{background-color:#ff00001a}.add-user-container{display:flex;flex-direction:column;background-color:var(--surface-color);color:var(--text-color);border-radius:16px;width:800px;margin:0 auto;padding:20px;animation:fadeIn .25s ease-in-out}.add-user-container .add-user-header{font-weight:600;font-size:18px;text-align:center;color:var(--text-color);margin:10px 0 20px}.add-user-container .add-user-form{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:24px;flex-wrap:wrap}@media (max-width: 760px){.add-user-container .add-user-form{flex-direction:column;align-items:center}}.add-user-container .add-user-left{display:flex;flex-direction:column;align-items:center;width:35%}.add-user-container .add-user-left .image-wrapper{position:relative;cursor:pointer;display:inline-block}.add-user-container .add-user-left .image-wrapper .user-image{width:250px;height:250px;border-radius:16px;object-fit:cover;transition:all .25s ease-in-out;border:1px solid var(--box-bg-border);background-color:var(--box-bg)}.add-user-container .add-user-left .image-wrapper .image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;background-color:#00000080;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-in-out;text-transform:uppercase;letter-spacing:.5px}.add-user-container .add-user-left .image-wrapper:hover .client-image{transform:scale(1.03);box-shadow:0 3px 10px #00000026}.add-user-container .add-user-left .image-wrapper:hover .image-overlay{opacity:1}.add-user-container .add-user-left .user-image{width:200px;height:200px;border-radius:16px;object-fit:cover;transition:all .2s ease-in-out;border:1px solid var(--box-bg-border);background-color:var(--box-bg)}.add-user-container .add-user-left .user-image:hover{transform:scale(1.03);box-shadow:0 3px 10px #00000026}.add-user-container .add-user-left input[type=file]{margin-top:10px;font-size:12px;text-align:center;color:var(--text-color);cursor:pointer;text-overflow:ellipsis;background:transparent;border:none;opacity:.8}.add-user-container .add-user-right{display:flex;flex-direction:column;gap:16px;width:60%}.add-user-container .add-user-right .first-last-name{display:flex;flex-direction:row;align-items:center;gap:16px}.add-user-container .add-user-right .first-last-name .add-user-input{display:flex;width:50%;flex-direction:column;gap:5px}.add-user-container .add-user-right .first-last-name .add-user-input label{font-size:12px;text-transform:uppercase;opacity:.7;letter-spacing:.5px}.add-user-container .add-user-right .first-last-name .add-user-input input[type=text],.add-user-container .add-user-right .first-last-name .add-user-input select{width:100%;background-color:var(--light-white);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 10px;font-size:12px;color:var(--light-black);outline:none}.add-user-container .add-user-right .first-last-name .add-user-input input[type=text]:focus,.add-user-container .add-user-right .first-last-name .add-user-input select:focus{border-color:var(--tiffany-blue)}.add-user-container .add-user-right .first-last-name .add-user-input .error{font-size:12px;color:red}.add-user-container .add-user-right .username-email{display:flex;flex-direction:row;align-items:center;gap:16px}.add-user-container .add-user-right .username-email .add-user-input{display:flex;width:50%;flex-direction:column;gap:5px}.add-user-container .add-user-right .username-email .add-user-input label{font-size:12px;text-transform:uppercase;opacity:.7;letter-spacing:.5px}.add-user-container .add-user-right .username-email .add-user-input input,.add-user-container .add-user-right .username-email .add-user-input select{width:100%;background-color:var(--light-white);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 10px;font-size:12px;color:var(--light-black);outline:none}.add-user-container .add-user-right .username-email .add-user-input input:focus,.add-user-container .add-user-right .username-email .add-user-input select:focus{border-color:var(--tiffany-blue)}.add-user-container .add-user-right .username-email .add-user-input .error{font-size:12px;color:red}.add-user-container .add-user-right .password-confirm{display:flex;flex-direction:row;align-items:start;gap:16px}.add-user-container .add-user-right .password-confirm .add-user-input{display:flex;width:50%;flex-direction:column;gap:5px}.add-user-container .add-user-right .password-confirm .add-user-input label{font-size:12px;text-transform:uppercase;opacity:.7;letter-spacing:.5px}.add-user-container .add-user-right .password-confirm .add-user-input input,.add-user-container .add-user-right .password-confirm .add-user-input select{width:100%;background-color:var(--light-white);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 10px;font-size:12px;color:var(--light-black);outline:none}.add-user-container .add-user-right .password-confirm .add-user-input input:focus,.add-user-container .add-user-right .password-confirm .add-user-input select:focus{border-color:var(--tiffany-blue)}.add-user-container .add-user-right .password-confirm .add-user-input .error{font-size:12px;color:red}.add-user-container .add-employee-buttons{width:100%;display:flex;justify-content:center;gap:12px}.add-user-container .add-employee-buttons button{width:fit-content;border-radius:8px;border:none;cursor:pointer;font-size:12px}.add-user-container .add-employee-buttons button:first-child{background-color:var(--tiffany-blue);color:#fff}.add-user-container .add-employee-buttons button:first-child:hover{opacity:.9}.add-user-container .add-employee-buttons button:last-child{padding:6px 12px;background-color:transparent;color:var(--text-color)}.add-user-container .add-employee-buttons button:last-child:hover{background-color:#dedede8a}.add-user-container .add-employee-buttons .btn-submit-add-employee,.add-user-container .add-employee-buttons .btn-cancel-add-employee{padding:6px 12px;border-radius:8px;border:none;cursor:pointer}.add-user-container .add-employee-buttons .btn-submit-add-employee:hover,.add-user-container .add-employee-buttons .btn-cancel-add-employee:hover{opacity:.9}.employees-tab{display:flex;width:100%;flex:1;flex-direction:column}.employees-tab .employees-section-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:20px;padding-right:20px;padding-bottom:15px}.employees-tab .employees-section-header .employees-header-left{display:flex;flex-direction:row;align-items:center;justify-items:center;gap:20px}.employees-tab .employees-section-header .employees-header-left .sorting-button{display:flex;align-items:center;justify-content:center;gap:6px;background-color:transparent;border:1px solid var(--tiffany-blue);color:var(--tiffany-blue);font-size:14px;cursor:pointer;margin-top:5px;padding:4px 10px;border-radius:8px;transition:background-color .3s ease,color .3s ease}.employees-tab .employees-section-header .employees-header-left .sorting-button:hover{background-color:#1da1f21a;color:var(--text-color)}.employees-tab .employees-section-header .employees-header-left .sorting-button svg{font-size:16px}.employees-tab .employees-section-header h1{font-size:2rem;color:var(--text-color)}.employees-tab .employees-section-header button{display:flex;align-items:center;justify-content:center;gap:6px;background-color:transparent;border:1px solid var(--tiffany-blue);color:var(--tiffany-blue);font-size:14px;cursor:pointer;margin:10px auto;padding:8px 14px;border-radius:8px;transition:background-color .3s ease,color .3s ease}.employees-tab .employees-section-header button:hover{background-color:#1da1f21a;color:var(--text-color)}.employees-tab .employees-section-header button svg{font-size:16px}.employees-tab .employees-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:12px;padding:0 20px 20px;overflow-y:auto}.employees-tab .employees-footer{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}.employees-tab .employees-footer .prev-btn,.employees-tab .employees-footer .next-btn{background-color:var(--button-bg-color);color:var(--button-text-color);width:fit-content;padding:10px 15px;font-size:1.2rem;border-radius:5px;cursor:pointer;box-shadow:0 4px 8px #0000001a;transition:background-color .3s ease,color .3s ease}.employees-tab .employees-footer .prev-btn:disabled,.employees-tab .employees-footer .next-btn:disabled{background-color:var(--login-bg);color:var(--text-color);cursor:not-allowed}.employees-tab .employees-footer .prev-btn:hover:not(:disabled),.employees-tab .employees-footer .next-btn:hover:not(:disabled){background-color:var(--ultra-violet)}.employee-details{display:flex;flex-direction:column;gap:20px;padding:20px}.employee-details .employee-header{display:flex;flex-direction:column;row-gap:20px;width:100%;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.employee-details .employee-header .employee-basic-info{display:flex;flex-direction:row;width:100%;background-color:var(--surface-color);gap:16px;padding:20px;border-radius:8px}.employee-details .employee-header .employee-basic-info .employee-profile-picture img{width:250px;height:250px;border-radius:100%;object-fit:cover;border:1px solid var(--box-bg-border);background-color:var(--box-bg)}.employee-details .employee-header .employee-basic-info-text{display:flex;flex-direction:column}.employee-details .employee-header .employee-basic-info-text .name-status{display:flex;flex-direction:row;align-items:center;gap:16px}.employee-details .employee-header .employee-basic-info-text .name-status h2{font-size:24px;font-weight:700;color:var(--text-color)}.employee-details .employee-header .employee-basic-info-text .name-status .employee-name{font-size:28px;font-weight:600;color:var(--text-color)}.employee-details .employee-header .employee-basic-info-text .name-status .status-badge-active{font-size:14px;font-weight:500;padding:4px 8px;border-radius:8px;color:#fff;background-color:#4caf50}.employee-details .employee-header .employee-basic-info-text .name-status .status-badge-inactive{font-size:14px;font-weight:500;padding:4px 8px;border-radius:8px;color:#fff;background-color:#ff6b6b}.clients-tab{display:flex;width:100%;flex:1;flex-direction:column}.clients-tab .clients-tab-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:20px;padding-right:20px}.clients-tab .clients-tab-header h1{font-size:2rem;color:var(--text-color)}.clients-tab .clients-tab-header .add-client-button{display:flex;align-items:center;width:fit-content;justify-content:end;gap:6px;background-color:transparent;border:1px solid var(--tiffany-blue);color:var(--tiffany-blue);font-size:14px;cursor:pointer;padding:8px 14px;border-radius:8px;transition:background-color .3s ease,color .3s ease}.clients-tab .clients-tab-header .add-client-button:hover{background-color:#1da1f21a;color:var(--text-color)}.clients-tab .clients-tab-header .add-client-button svg{font-size:16px}.clients-tab .clients-list-container{display:flex;flex-direction:column;flex:1;gap:12px;padding:0 20px 20px;width:100%;max-height:calc(100vh - 200px);overflow-y:auto}.clients-tab .clients-footer{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}.clients-tab .clients-footer .prev-btn,.clients-tab .clients-footer .next-btn{background-color:var(--button-bg-color);color:var(--button-text-color);width:fit-content;padding:10px 15px;font-size:1.2rem;border-radius:5px;cursor:pointer;box-shadow:0 4px 8px #0000001a;transition:background-color .3s ease,color .3s ease}.clients-tab .clients-footer .prev-btn:disabled,.clients-tab .clients-footer .next-btn:disabled{background-color:var(--login-bg);color:var(--text-color);cursor:not-allowed}.clients-tab .clients-footer .prev-btn:hover:not(:disabled),.clients-tab .clients-footer .next-btn:hover:not(:disabled){background-color:var(--ultra-violet)}.confirm-delete-container{background-color:var(--surface-color);color:var(--text-color);border-radius:16px;width:800px;margin:0 auto;padding:20px 25px;animation:fadeIn .25s ease-in-out}.confirm-delete-container h1{font-weight:600;text-align:center;color:var(--text-color);margin-top:10px;margin-bottom:20px}.confirm-delete-container p{font-size:14px;color:var(--text-color);opacity:.7;font-style:italic;margin-bottom:20px}.confirm-delete-container .confirm-delete-buttons{width:100%;display:flex;justify-content:center;gap:12px}.confirm-delete-container .confirm-delete-buttons button{width:50%;border-radius:8px;border:none;cursor:pointer;font-size:14px}.confirm-delete-container .confirm-delete-buttons button:first-child{background-color:var(--tiffany-blue);color:#fff}.confirm-delete-container .confirm-delete-buttons button:first-child:hover{opacity:.9}.confirm-delete-container .confirm-delete-buttons button:last-child{display:flex;align-items:center;justify-content:center;gap:6px;background-color:transparent;border:1px solid var(--tiffany-blue);color:var(--tiffany-blue);font-size:14px;cursor:pointer;border-radius:8px;transition:background-color .3s ease,color .3s ease}.confirm-delete-container .confirm-delete-buttons button:last-child:hover{background-color:#1da1f21a;color:var(--text-color)}.client-card-company,.client-card-individual{display:flex;justify-content:space-between;align-items:center;background-color:var(--surface-color);border-radius:8px;padding:16px;box-shadow:0 4px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.client-card-company{border-left:6px solid var(--jonquil)}.client-card-company:hover{transform:scale(1.01);box-shadow:0 6px 12px #00000026}.client-card-individual{border-left:6px solid var(--ultra-violet)}.client-card-individual:hover{transform:scale(1.01);box-shadow:0 6px 12px #00000026}.client-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.client-profile{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--client-card-bg);box-shadow:0 2px 4px #0000001a}.client-card-left{flex:1 1 auto;display:flex;flex-direction:column;gap:5px;overflow:hidden}.client-card-left h3{font-size:1.2rem;margin:0;color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.client-card-left span{margin-top:4px;font-size:.85rem;color:var(--text-color)}.client-card-right{display:flex;gap:10px;align-items:center}.client-card-icons{display:flex;gap:15px;font-size:1.2rem;color:var(--icon-color)}.client-card-icons .fa-trash{cursor:pointer;transition:color .3s ease}.client-card-icons .fa-trash:hover{color:var(--delete-icon-hover-color)}.client-container-company{display:flex;align-items:center;gap:5px;border-radius:50px;padding:10px;background-color:var(--jonquil);font-size:.8rem;color:#f9f9f9}.client-container-personal{display:flex;align-items:center;gap:5px;border-radius:50px;padding:10px;background-color:var(--ultra-violet);font-size:.8rem;color:#f9f9f9}.client-container-company span,.client-container-personal span{font-size:.75rem;color:#f9f9f9}.edit-ticket-btn-ticket-card{display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:6px;font-size:18px;color:var(--button-text-color);cursor:pointer;transition:background-color .3s ease}.edit-ticket-btn-ticket-card:hover{background-color:#ffffff1a;transform:scale(1.1)}.delete-ticket-btn-ticket-card{display:flex;align-items:center;justify-content:center;flex-direction:row;border-radius:6px;color:#c33;cursor:pointer;transition:background-color .3s ease}.delete-ticket-btn-ticket-card:hover{background-color:#ff00001a}.edit-client-container{background-color:var(--surface-color);color:var(--text-color);border-radius:16px;width:800px;margin:0 auto;padding:20px;animation:fadeIn .25s ease-in-out}.edit-client-container .edit-client-header{font-weight:600;font-size:18px;text-align:center;color:var(--text-color);margin:10px 0 20px}.edit-client-container .edit-client-form{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:24px;flex-wrap:wrap}@media (max-width: 760px){.edit-client-container .edit-client-form{flex-direction:column;align-items:center}}.edit-client-container .edit-client-form .edit-client-left{display:flex;flex-direction:column;align-items:center;width:30%}.edit-client-container .edit-client-form .edit-client-left .client-image{width:200px;height:200px;border-radius:16px;object-fit:cover;transition:all .2s ease-in-out;border:1px solid var(--box-bg-border);background-color:var(--box-bg)}.edit-client-container .edit-client-form .edit-client-left .client-image:hover{transform:scale(1.03);box-shadow:0 3px 10px #00000026}.edit-client-container .edit-client-form .edit-client-left .image-wrapper{position:relative;cursor:pointer;display:inline-block}.edit-client-container .edit-client-form .edit-client-left .image-wrapper .client-image{width:200px;height:200px;border-radius:16px;object-fit:cover;transition:all .25s ease-in-out;border:1px solid var(--box-bg-border);background-color:var(--box-bg)}.edit-client-container .edit-client-form .edit-client-left .image-wrapper .image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;background-color:#00000080;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-in-out}.edit-client-container .edit-client-form .edit-client-left .image-wrapper:hover .client-image{transform:scale(1.03);box-shadow:0 3px 10px #00000026}.edit-client-container .edit-client-form .edit-client-left .image-wrapper:hover .image-overlay{opacity:1}.edit-client-container .edit-client-form .edit-client-left input[type=file]{margin-top:10px;font-size:12px;text-align:center;color:var(--text-color);cursor:pointer;background:transparent;border:none;opacity:.8}.edit-client-container .edit-client-form .edit-client-right{display:flex;flex-direction:column;gap:30px;width:65%}.edit-client-container .edit-client-form .edit-client-right .edit-client-type{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.edit-client-container .edit-client-form .edit-client-right .edit-client-type label{font-size:13px;text-transform:uppercase;opacity:.8;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;gap:6px}.edit-client-container .edit-client-form .edit-client-right .edit-client-type label input[type=radio]{accent-color:var(--tiffany-blue);cursor:pointer}.edit-client-container .edit-client-form .edit-client-right .edit-client-type label:hover{color:var(--tiffany-blue)}.edit-client-container .edit-client-form .edit-client-right .client-contact-inputs{display:flex;flex-direction:row;width:100%;justify-content:space-between;gap:16px}.edit-client-container .edit-client-form .edit-client-right .edit-client-input{width:100%;display:flex;flex-direction:column;gap:5px}.edit-client-container .edit-client-form .edit-client-right .edit-client-input label{font-size:12px;text-transform:uppercase;opacity:.7;letter-spacing:.5px}.edit-client-container .edit-client-form .edit-client-right .edit-client-input input[type=text],.edit-client-container .edit-client-form .edit-client-right .edit-client-input select{width:100%;background-color:var(--light-white);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 10px;font-size:12px;color:var(--light-black);outline:none}.edit-client-container .edit-client-form .edit-client-right .edit-client-input input[type=text]:focus,.edit-client-container .edit-client-form .edit-client-right .edit-client-input select:focus{border-color:var(--tiffany-blue)}.edit-client-container .edit-client-form .edit-client-right .edit-client-input .error{font-size:12px;color:red}.edit-client-container .edit-client-buttons{width:100%;display:flex;justify-content:center;gap:12px}.edit-client-container .edit-client-buttons button{width:fit-content;border-radius:8px;border:none;cursor:pointer;font-size:12px}.edit-client-container .edit-client-buttons button:first-child{width:20%;background-color:var(--tiffany-blue);color:#fff}.edit-client-container .edit-client-buttons button:first-child:hover{opacity:.9}.edit-client-container .edit-client-buttons button:last-child{width:20%;padding:6px 12px;background-color:transparent;color:var(--text-color)}.edit-client-container .edit-client-buttons button:last-child:hover{background-color:#dedede8a}.edit-client-container .edit-client-buttons .btn-submit-edit-client,.edit-client-container .edit-client-buttons .btn-cancel-edit-client{padding:6px 12px;border-radius:8px;border:none;cursor:pointer}.edit-client-container .edit-client-buttons .btn-submit-edit-client:hover,.edit-client-container .edit-client-buttons .btn-cancel-edit-client:hover{opacity:.9}.add-client-container{background-color:var(--surface-color);color:var(--text-color);border-radius:16px;width:800px;margin:0 auto;padding:20px;animation:fadeIn .25s ease-in-out}.add-client-container .add-client-header{font-weight:600;font-size:18px;text-align:center;color:var(--text-color);margin:10px 0 20px}.add-client-container .add-client-form{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:24px;flex-wrap:wrap}@media (max-width: 760px){.add-client-container .add-client-form{flex-direction:column;align-items:center}}.add-client-container .add-client-left{display:flex;flex-direction:column;align-items:center;width:35%}.add-client-container .add-client-left .image-wrapper{position:relative;cursor:pointer;display:inline-block}.add-client-container .add-client-left .image-wrapper .client-image{width:200px;height:200px;border-radius:16px;object-fit:cover;transition:all .25s ease-in-out;border:1px solid var(--box-bg-border);background-color:var(--box-bg)}.add-client-container .add-client-left .image-wrapper .image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;background-color:#00000080;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-in-out;text-transform:uppercase;letter-spacing:.5px}.add-client-container .add-client-left .image-wrapper:hover .client-image{transform:scale(1.03);box-shadow:0 3px 10px #00000026}.add-client-container .add-client-left .image-wrapper:hover .image-overlay{opacity:1}.add-client-container .add-client-left .client-image{width:200px;height:200px;border-radius:16px;object-fit:cover;transition:all .2s ease-in-out;border:1px solid var(--box-bg-border);background-color:var(--box-bg)}.add-client-container .add-client-left .client-image:hover{transform:scale(1.03);box-shadow:0 3px 10px #00000026}.add-client-container .add-client-left input[type=file]{margin-top:10px;font-size:12px;text-align:center;color:var(--text-color);cursor:pointer;text-overflow:ellipsis;background:transparent;border:none;opacity:.8}.add-client-container .add-client-right{display:flex;flex-direction:column;gap:16px;width:60%}.add-client-container .add-client-right .add-client-type{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.add-client-container .add-client-right .add-client-type label{font-size:13px;text-transform:uppercase;opacity:.8;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;gap:6px}.add-client-container .add-client-right .add-client-type label input[type=radio]{accent-color:var(--tiffany-blue);cursor:pointer}.add-client-container .add-client-right .add-client-type label:hover{color:var(--tiffany-blue)}.add-client-container .add-client-right .client-name-inputs,.add-client-container .add-client-right .client-contact-inputs{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap}.add-client-container .add-client-right .client-name-inputs .add-client-input,.add-client-container .add-client-right .client-contact-inputs .add-client-input{flex:1}.add-client-container .add-client-right .add-client-input{display:flex;flex-direction:column;gap:5px}.add-client-container .add-client-right .add-client-input label{font-size:12px;text-transform:uppercase;opacity:.7;letter-spacing:.5px}.add-client-container .add-client-right .add-client-input input[type=text],.add-client-container .add-client-right .add-client-input select{width:100%;background-color:var(--light-white);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 10px;font-size:12px;color:var(--light-black);outline:none}.add-client-container .add-client-right .add-client-input input[type=text]:focus,.add-client-container .add-client-right .add-client-input select:focus{border-color:var(--tiffany-blue)}.add-client-container .add-client-right .add-client-input .error{font-size:12px;color:red}.add-client-container .add-client-buttons{width:100%;display:flex;justify-content:center;gap:12px}.add-client-container .add-client-buttons button{width:fit-content;border-radius:8px;border:none;cursor:pointer;font-size:12px}.add-client-container .add-client-buttons button:first-child{background-color:var(--tiffany-blue);color:#fff}.add-client-container .add-client-buttons button:first-child:hover{opacity:.9}.add-client-container .add-client-buttons button:last-child{padding:6px 12px;background-color:transparent;color:var(--text-color)}.add-client-container .add-client-buttons button:last-child:hover{background-color:#dedede8a}.add-client-container .add-client-buttons .btn-submit-add-client,.add-client-container .add-client-buttons btn-cancel-add-client{padding:6px 12px;border-radius:8px;border:none;cursor:pointer}.add-client-container .add-client-buttons .btn-submit-add-client:hover,.add-client-container .add-client-buttons btn-cancel-add-client:hover{opacity:.9}.location-contact-info-wrapper{background-color:var(--surface-color);color:var(--text-color);border-radius:16px;width:800px;margin:0 auto;padding:20px 28px;animation:fadeIn .25s ease-in-out}.location-contact-info-wrapper .contact-info-header{text-align:center;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.location-contact-info-wrapper .contact-info-header h1{font-weight:600;text-align:center;color:var(--text-color);margin:10px 0}.location-contact-info-wrapper .contact-info-header p{font-size:14px;color:var(--text-color);opacity:.7;font-style:italic;margin-bottom:20px}.location-contact-info-wrapper .contact-info-details{display:flex;flex-direction:row;gap:20px}.location-contact-info-wrapper .contact-info-details .contact-phone-number-list,.location-contact-info-wrapper .contact-info-details .contact-email-list{display:flex;flex-direction:column;justify-content:space-between;width:50%;gap:10px;padding:20px;border-radius:16px;background-color:var(--background-color, rgba(0, 0, 0, .02))}.location-contact-info-wrapper .contact-info-details .contact-phone-number-list h3,.location-contact-info-wrapper .contact-info-details .contact-email-list h3{text-align:center;font-size:18px;font-weight:600;color:var(--text-color);margin-bottom:4px}.location-contact-info-wrapper .contact-info-details .contact-phone-number-list p,.location-contact-info-wrapper .contact-info-details .contact-email-list p{text-align:center;font-size:14px;font-style:italic;color:var(--text-color);opacity:.7}.location-contact-info-wrapper .contact-info-details .contact-phone-number-list .add-button,.location-contact-info-wrapper .contact-info-details .contact-email-list .add-button{display:flex;align-items:center;justify-content:center;gap:6px;background-color:transparent;border:1px solid var(--tiffany-blue);color:var(--tiffany-blue);font-size:14px;cursor:pointer;margin:10px auto;padding:8px 14px;border-radius:8px;transition:background-color .3s ease,color .3s ease}.location-contact-info-wrapper .contact-info-details .contact-phone-number-list .add-button:hover,.location-contact-info-wrapper .contact-info-details .contact-email-list .add-button:hover{background-color:#1da1f21a;color:var(--text-color)}.location-contact-info-wrapper .contact-info-details .contact-phone-number-list .add-button svg,.location-contact-info-wrapper .contact-info-details .contact-email-list .add-button svg{font-size:16px}.location-contact-info-wrapper .contact-info-details .phone-number-elements,.location-contact-info-wrapper .contact-info-details .email-address-elements{display:flex;flex-direction:column;height:300px;max-height:300px;overflow-y:scroll;row-gap:10px}.location-contact-info-wrapper .contact-info-details .phone-number-elements .phone-number-element,.location-contact-info-wrapper .contact-info-details .phone-number-elements .email-address-element,.location-contact-info-wrapper .contact-info-details .email-address-elements .phone-number-element,.location-contact-info-wrapper .contact-info-details .email-address-elements .email-address-element{position:relative;display:flex;align-items:center;gap:10px;padding:12px 20px;background-color:var(--surface-color);border-radius:12px;cursor:pointer;transition:box-shadow .2s ease}.location-contact-info-wrapper .contact-info-details .phone-number-elements .phone-number-element:hover,.location-contact-info-wrapper .contact-info-details .phone-number-elements .email-address-element:hover,.location-contact-info-wrapper .contact-info-details .email-address-elements .phone-number-element:hover,.location-contact-info-wrapper .contact-info-details .email-address-elements .email-address-element:hover{box-shadow:0 2px 4px #0000001a}.location-contact-info-wrapper .contact-info-details .phone-number-elements .phone-number-element .phone-section,.location-contact-info-wrapper .contact-info-details .phone-number-elements .phone-number-element .email-section,.location-contact-info-wrapper .contact-info-details .phone-number-elements .email-address-element .phone-section,.location-contact-info-wrapper .contact-info-details .phone-number-elements .email-address-element .email-section,.location-contact-info-wrapper .contact-info-details .email-address-elements .phone-number-element .phone-section,.location-contact-info-wrapper .contact-info-details .email-address-elements .phone-number-element .email-section,.location-contact-info-wrapper .contact-info-details .email-address-elements .email-address-element .phone-section,.location-contact-info-wrapper .contact-info-details .email-address-elements .email-address-element .email-section{display:flex;align-items:center;gap:12px;flex-grow:1}.location-contact-info-wrapper .contact-info-details .phone-number-elements .phone-number-element .phone-section .phone-button,.location-contact-info-wrapper .contact-info-details .phone-number-elements .phone-number-element .phone-section .email-button,.location-contact-info-wrapper .contact-info-details .phone-number-elements .phone-number-element .email-section .phone-button,.location-contact-info-wrapper .contact-info-details .phone-number-elements .phone-number-element .email-section .email-button,.location-contact-info-wrapper .contact-info-details .phone-number-elements .email-address-element .phone-section .phone-button,.location-contact-info-wrapper .contact-info-details .phone-number-elements .email-address-element .phone-section .email-button,.location-contact-info-wrapper .contact-info-details .phone-number-elements .email-address-element .email-section .phone-button,.location-contact-info-wrapper .contact-info-details .phone-number-elements .email-address-element .email-section .email-button,.location-contact-info-wrapper .contact-info-details .email-address-elements .phone-number-element .phone-section .phone-button,.location-contact-info-wrapper .contact-info-details .email-address-elements .phone-number-element .phone-section .email-button,.location-contact-info-wrapper .contact-info-details .email-address-elements .phone-number-element .email-section .phone-button,.location-contact-info-wrapper .contact-info-details .email-address-elements .phone-number-element .email-section .email-button,.location-contact-info-wrapper .contact-info-details .email-address-elements .email-address-element .phone-section .phone-button,.location-contact-info-wrapper .contact-info-details .email-address-elements .email-address-element .phone-section .email-button,.location-contact-info-wrapper .contact-info-details .email-address-elements .email-address-element .email-section .phone-button,.location-contact-info-wrapper .contact-info-details .email-address-elements .email-address-element .email-section .email-button{background-color:var(--button-bg-color);color:var(--light-white);padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;min-width:36px;min-height:36px;box-shadow:0 3px 6px #00000026;transition:transform .2s ease,background-color .2s ease}.location-contact-info-wrapper .contact-info-details .phone-number-elements .phone-number-element .phone-section .phone-button:hover,.location-contact-info-wrapper .contact-info-details .phone-number-elements .phone-number-element .phone-section .email-button:hover,.location-contact-info-wrapper .contact-info-details .phone-number-elements .phone-number-element .email-section .phone-button:hover,.location-contact-info-wrapper .contact-info-details .phone-number-elements .phone-number-element .email-section .email-button:hover,.location-contact-info-wrapper .contact-info-details .phone-number-elements .email-address-element .phone-section .phone-button:hover,.location-contact-info-wrapper .contact-info-details .phone-number-elements .email-address-element .phone-section .email-button:hover,.location-contact-info-wrapper .contact-info-details .phone-number-elements .email-address-element .email-section .phone-button:hover,.location-contact-info-wrapper .contact-info-details .phone-number-elements .email-address-element .email-section .email-button:hover,.location-contact-info-wrapper .contact-info-details .email-address-elements .phone-number-element .phone-section .phone-button:hover,.location-contact-info-wrapper .contact-info-details .email-address-elements .phone-number-element .phone-section .email-button:hover,.location-contact-info-wrapper .contact-info-details .email-address-elements .phone-number-element .email-section .phone-button:hover,.location-contact-info-wrapper .contact-info-details .email-address-elements .phone-number-element .email-section .email-button:hover,.location-contact-info-wrapper .contact-info-details .email-address-elements .email-address-element .phone-section .phone-button:hover,.location-contact-info-wrapper .contact-info-details .email-address-elements .email-address-element .phone-section .email-button:hover,.location-contact-info-wrapper .contact-info-details .email-address-elements .email-address-element .email-section .phone-button:hover,.location-contact-info-wrapper .contact-info-details .email-address-elements .email-address-element .email-section .email-button:hover{background-color:var(--tiffany-blue);transform:scale(1.1)}.location-contact-info-wrapper .contact-info-details .phone-number-elements .phone-number-element .phone-number-and-title,.location-contact-info-wrapper .contact-info-details .phone-number-elements .phone-number-element .email-address-and-title,.location-contact-info-wrapper .contact-info-details .phone-number-elements .email-address-element .phone-number-and-title,.location-contact-info-wrapper .contact-info-details .phone-number-elements .email-address-element .email-address-and-title,.location-contact-info-wrapper .contact-info-details .email-address-elements .phone-number-element .phone-number-and-title,.location-contact-info-wrapper .contact-info-details .email-address-elements .phone-number-element .email-address-and-title,.location-contact-info-wrapper .contact-info-details .email-address-elements .email-address-element .phone-number-and-title,.location-contact-info-wrapper .contact-info-details .email-address-elements .email-address-element .email-address-and-title{display:flex;flex-direction:column;gap:2px}.location-contact-info-wrapper .contact-info-details .phone-number-elements .phone-number-element .phone-number-and-title .phone-type-label,.location-contact-info-wrapper .contact-info-details .phone-number-elements .phone-number-element .phone-number-and-title .email-type-label,.location-contact-info-wrapper .contact-info-details .phone-number-elements .phone-number-element .email-address-and-title .phone-type-label,.location-contact-info-wrapper .contact-info-details .phone-number-elements .phone-number-element .email-address-and-title .email-type-label,.location-contact-info-wrapper .contact-info-details .phone-number-elements .email-address-element .phone-number-and-title .phone-type-label,.location-contact-info-wrapper .contact-info-details .phone-number-elements .email-address-element .phone-number-and-title .email-type-label,.location-contact-info-wrapper .contact-info-details .phone-number-elements .email-address-element .email-address-and-title .phone-type-label,.location-contact-info-wrapper .contact-info-details .phone-number-elements .email-address-element .email-address-and-title .email-type-label,.location-contact-info-wrapper .contact-info-details .email-address-elements .phone-number-element .phone-number-and-title .phone-type-label,.location-contact-info-wrapper .contact-info-details .email-address-elements .phone-number-element .phone-number-and-title .email-type-label,.location-contact-info-wrapper .contact-info-details .email-address-elements .phone-number-element .email-address-and-title .phone-type-label,.location-contact-info-wrapper .contact-info-details .email-address-elements .phone-number-element .email-address-and-title .email-type-label,.location-contact-info-wrapper .contact-info-details .email-address-elements .email-address-element .phone-number-and-title .phone-type-label,.location-contact-info-wrapper .contact-info-details .email-address-elements .email-address-element .phone-number-and-title .email-type-label,.location-contact-info-wrapper .contact-info-details .email-address-elements .email-address-element .email-address-and-title .phone-type-label,.location-contact-info-wrapper .contact-info-details .email-address-elements .email-address-element .email-address-and-title .email-type-label{font-size:11px;text-transform:uppercase;color:var(--text-color);opacity:.6;letter-spacing:.5px}.location-contact-info-wrapper .contact-info-details .phone-number-elements .phone-number-element .phone-number-and-title .phone-number-label,.location-contact-info-wrapper .contact-info-details .phone-number-elements .phone-number-element .phone-number-and-title .email-label,.location-contact-info-wrapper .contact-info-details .phone-number-elements .phone-number-element .email-address-and-title .phone-number-label,.location-contact-info-wrapper .contact-info-details .phone-number-elements .phone-number-element .email-address-and-title .email-label,.location-contact-info-wrapper .contact-info-details .phone-number-elements .email-address-element .phone-number-and-title .phone-number-label,.location-contact-info-wrapper .contact-info-details .phone-number-elements .email-address-element .phone-number-and-title .email-label,.location-contact-info-wrapper .contact-info-details .phone-number-elements .email-address-element .email-address-and-title .phone-number-label,.location-contact-info-wrapper .contact-info-details .phone-number-elements .email-address-element .email-address-and-title .email-label,.location-contact-info-wrapper .contact-info-details .email-address-elements .phone-number-element .phone-number-and-title .phone-number-label,.location-contact-info-wrapper .contact-info-details .email-address-elements .phone-number-element .phone-number-and-title .email-label,.location-contact-info-wrapper .contact-info-details .email-address-elements .phone-number-element .email-address-and-title .phone-number-label,.location-contact-info-wrapper .contact-info-details .email-address-elements .phone-number-element .email-address-and-title .email-label,.location-contact-info-wrapper .contact-info-details .email-address-elements .email-address-element .phone-number-and-title .phone-number-label,.location-contact-info-wrapper .contact-info-details .email-address-elements .email-address-element .phone-number-and-title .email-label,.location-contact-info-wrapper .contact-info-details .email-address-elements .email-address-element .email-address-and-title .phone-number-label,.location-contact-info-wrapper .contact-info-details .email-address-elements .email-address-element .email-address-and-title .email-label{font-size:13px;font-weight:500;color:var(--dark-text, var(--text-color))}.location-contact-info-wrapper .contact-info-details .phone-number-elements .phone-number-element .delete-button,.location-contact-info-wrapper .contact-info-details .phone-number-elements .email-address-element .delete-button,.location-contact-info-wrapper .contact-info-details .email-address-elements .phone-number-element .delete-button,.location-contact-info-wrapper .contact-info-details .email-address-elements .email-address-element .delete-button{width:10%;background:transparent;border:none;color:var(--danger-color, #c33);font-size:18px;cursor:pointer;padding:4px;border-radius:6px;transition:background-color .2s ease}.location-contact-info-wrapper .contact-info-details .phone-number-elements .phone-number-element .delete-button:hover,.location-contact-info-wrapper .contact-info-details .phone-number-elements .email-address-element .delete-button:hover,.location-contact-info-wrapper .contact-info-details .email-address-elements .phone-number-element .delete-button:hover,.location-contact-info-wrapper .contact-info-details .email-address-elements .email-address-element .delete-button:hover{background-color:#ff00001a}.location-contact-info-wrapper .contact-info-details .add-phone-form,.location-contact-info-wrapper .contact-info-details .add-email-form{display:flex;flex-direction:column;gap:10px;padding:20px;background-color:var(--surface-color);opacity:.95;border-radius:12px;border:1px solid var(--tiffany-blue)}.location-contact-info-wrapper .contact-info-details .add-phone-form .form-header,.location-contact-info-wrapper .contact-info-details .add-email-form .form-header{font-size:16px;color:var(--text-color);margin-bottom:10px;text-align:center}.location-contact-info-wrapper .contact-info-details .add-phone-form .input-group,.location-contact-info-wrapper .contact-info-details .add-email-form .input-group{display:flex;flex-direction:row;gap:12px}.location-contact-info-wrapper .contact-info-details .add-phone-form .input-group .input-field,.location-contact-info-wrapper .contact-info-details .add-email-form .input-group .input-field{display:flex;flex-direction:column;gap:4px;width:50%}.location-contact-info-wrapper .contact-info-details .add-phone-form .input-group .input-field label,.location-contact-info-wrapper .contact-info-details .add-email-form .input-group .input-field label{font-size:10px;color:var(--text-color);opacity:.8}.location-contact-info-wrapper .contact-info-details .add-phone-form .input-group .input-field input,.location-contact-info-wrapper .contact-info-details .add-email-form .input-group .input-field input{width:100%;background-color:var(--light-white);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 10px;font-size:12px;color:var(--light-black);outline:none}.location-contact-info-wrapper .contact-info-details .add-phone-form .input-group .input-field input:focus,.location-contact-info-wrapper .contact-info-details .add-email-form .input-group .input-field input:focus{border-color:var(--tiffany-blue)}.location-contact-info-wrapper .contact-info-details .add-phone-form .form-actions,.location-contact-info-wrapper .contact-info-details .add-email-form .form-actions{display:flex;justify-content:flex-end;gap:12px}.location-contact-info-wrapper .contact-info-details .add-phone-form .form-actions button,.location-contact-info-wrapper .contact-info-details .add-email-form .form-actions button{width:50%;padding:6px 12px;border-radius:8px;border:none;cursor:pointer;font-size:14px}.location-contact-info-wrapper .contact-info-details .add-phone-form .form-actions button:first-child,.location-contact-info-wrapper .contact-info-details .add-email-form .form-actions button:first-child{background-color:var(--tiffany-blue);color:#fff}.location-contact-info-wrapper .contact-info-details .add-phone-form .form-actions button:first-child:hover,.location-contact-info-wrapper .contact-info-details .add-email-form .form-actions button:first-child:hover{opacity:.9}.location-contact-info-wrapper .contact-info-details .add-phone-form .form-actions button:last-child,.location-contact-info-wrapper .contact-info-details .add-email-form .form-actions button:last-child{background-color:transparent;color:var(--text-color)}.location-contact-info-wrapper .contact-info-details .add-phone-form .form-actions button:last-child:hover,.location-contact-info-wrapper .contact-info-details .add-email-form .form-actions button:last-child:hover{background-color:#dedede8a}.location-contact-info-wrapper .contact-info-details .add-phone-form .form-actions .submit-button-add,.location-contact-info-wrapper .contact-info-details .add-phone-form .form-actions .cancel-button-add,.location-contact-info-wrapper .contact-info-details .add-email-form .form-actions .submit-button-add,.location-contact-info-wrapper .contact-info-details .add-email-form .form-actions .cancel-button-add{width:50%;padding:6px 12px;border-radius:8px;border:none;cursor:pointer;font-size:14px}.location-contact-info-wrapper .contact-info-details .add-phone-form .form-actions .submit-button-add:hover,.location-contact-info-wrapper .contact-info-details .add-phone-form .form-actions .cancel-button-add:hover,.location-contact-info-wrapper .contact-info-details .add-email-form .form-actions .submit-button-add:hover,.location-contact-info-wrapper .contact-info-details .add-email-form .form-actions .cancel-button-add:hover{opacity:.9}.dark-mode .location-contact-info-wrapper{background-color:var(--surface-dark)}.edit-location-form{background-color:var(--surface-color);color:var(--text-color);border-radius:16px;width:850px;margin:0 auto;padding:20px;animation:fadeIn .25s ease-in-out}.edit-location-form h2{font-weight:600;text-align:center;color:var(--text-color);margin-top:10px;margin-bottom:20px}.edit-location-form .form-group{width:100%;display:flex;flex-direction:column;align-items:center}.edit-location-form .form-group form{display:flex;flex-direction:column;width:100%;gap:16px}.edit-location-form .form-group form .form-content{display:flex;flex-direction:row;gap:20px;width:100%}.edit-location-form .form-group form .form-content .edit-location-left{display:flex;flex-direction:column;align-items:center;width:35%}.edit-location-form .form-group form .form-content .edit-location-left .edit-location-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-items:center}.edit-location-form .form-group form .form-content .edit-location-left .edit-location-image-placeholder img{width:200px;height:200px;border-radius:16px;object-fit:cover;transition:all .2s ease-in-out;border:1px solid var(--box-bg-border);background-color:var(--box-bg)}.edit-location-form .form-group form .form-content .image-wrapper{position:relative;cursor:pointer;display:inline-block}.edit-location-form .form-group form .form-content .image-wrapper .location-image{width:200px;height:200px;border-radius:16px;object-fit:cover;transition:all .25s ease-in-out;border:1px solid var(--box-bg-border);background-color:var(--box-bg)}.edit-location-form .form-group form .form-content .image-wrapper .image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;background-color:#00000080;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-in-out;text-transform:uppercase;letter-spacing:.5px}.edit-location-form .form-group form .form-content .image-wrapper:hover .location-image{transform:scale(1.03);box-shadow:0 3px 10px #00000026}.edit-location-form .form-group form .form-content .image-wrapper:hover .image-overlay{opacity:1}.edit-location-form .form-group form .form-content .edit-location-right{display:flex;flex-direction:column;justify-content:center;align-items:center;width:65%;gap:12px}.edit-location-form .edit-location-input{display:flex;flex-direction:column;gap:5px;width:100%}.edit-location-form .edit-location-input label{font-size:12px;text-transform:uppercase;opacity:.7;letter-spacing:.5px}.edit-location-form .edit-location-input input,.edit-location-form .edit-location-input select{width:100%;background-color:var(--light-white);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 10px;font-size:12px;color:var(--light-black);outline:none}.edit-location-form .edit-location-input input:focus,.edit-location-form .edit-location-input select:focus{border-color:var(--tiffany-blue)}.edit-location-form .edit-location-input .error-message{font-size:12px;color:var(--razzmatazz)}.edit-location-form .address-lines{display:flex;gap:16px;flex-wrap:row}.edit-location-form .address-lines .edit-location-input{flex:1;min-width:250px}.edit-location-form .city-state-zip{display:flex;flex-wrap:row;gap:16px}.edit-location-form .city-state-zip .edit-location-input{flex:1;min-width:150px}.edit-location-form .city-state-zip select{cursor:pointer;width:100%;background-color:var(--light-white);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 10px;font-size:12px;color:var(--light-black);outline:none}.edit-location-form .form-buttons{display:flex;justify-content:center;gap:12px}.edit-location-form .form-buttons button{width:fit-content;padding:6px 12px;border-radius:8px;border:none;cursor:pointer;font-size:14px}.edit-location-form .form-buttons button:first-child{background-color:var(--tiffany-blue);color:#fff}.edit-location-form .form-buttons button:first-child:hover{opacity:.9}.edit-location-form .form-buttons button:last-child{background-color:transparent;color:var(--text-color)}.edit-location-form .form-buttons button:last-child:hover{background-color:#dedede8a}.edit-location-form .form-buttons .submit-button-btn-edit-location,.edit-location-form .form-buttons .cancel-button-btn-edit-location{width:fit-content;padding:6px 12px;border-radius:8px;border:none;cursor:pointer;font-size:14px}.edit-location-form .form-buttons .submit-button-btn-edit-location:hover,.edit-location-form .form-buttons .cancel-button-btn-edit-location:hover{opacity:.9}.dark-mode .edit-location-form .cancel-button-btn-edit-location{border-color:var(--surface-color)}.location-card{display:flex;flex-direction:row;background-color:var(--background-color);border-radius:8px;margin:12px 0;box-shadow:0 2px 4px #0000001a;gap:4px;transition:transform .2s ease-in}.location-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.location-card .location-card-left{display:flex;align-items:center;justify-content:center;width:30%;padding:0}.location-card .location-card-left .magnifier-icon{opacity:0;position:absolute;top:50%;left:15%;transform:translate(-50%,-50%);font-size:40px;color:var(--text-color);transition:opacity .3s ease;z-index:10;background-color:transparent;border:1px solid var(--tiffany-blue);padding:8px;border-radius:2px;transition:background-color .3s ease,color .3s ease}.location-card .location-card-left:hover img{filter:blur(1.5px)}.location-card .location-card-left:hover .magnifier-icon{background-color:#1da1f21a;opacity:1}.location-card .location-card-left .open-modal-menu-item{width:100%;height:100%;padding:0}.location-card .location-card-left .open-modal-menu-item img{width:100%;height:100%;border-radius:8px 0 0 8px;object-fit:cover}.location-card .location-card-right{display:flex;flex-direction:column;width:70%;padding:16px}.location-card .location-card-right .location-name{font-size:18px;font-weight:600;margin-bottom:4px;color:var(--text-color)}.location-card .location-card-right .location-name .location-name-and-edit-location{display:flex;align-items:center;justify-content:space-between;height:min-content}.location-card .location-card-right .location-name .location-name-and-edit-location .spacer{display:flex;align-items:center;column-gap:8px}.location-card .location-card-right .location-name .location-name-and-edit-location .spacer .edit-location-button-location,.location-card .location-card-right .location-name .location-name-and-edit-location .spacer .location-contact-info-location{display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:24px;color:var(--button-text-color);cursor:pointer;transition:background-color .3s ease}.location-card .location-card-right .location-name .location-name-and-edit-location .spacer .edit-location-button-location:hover,.location-card .location-card-right .location-name .location-name-and-edit-location .spacer .location-contact-info-location:hover{background-color:#ffffff1a;transform:scale(1.1)}.location-card .location-card-right .location-address{font-size:14px;color:var(--text-color);opacity:.8}.location-card .location-card-right .location-address .location-address-link{color:var(--primary-color);text-decoration:none;cursor:pointer}.location-card .location-card-right .location-address .location-address-link:hover{text-decoration:underline}.location-card .location-card-right .divider{padding-bottom:10px;border-bottom:2px dashed var(--text-color);opacity:.7}.location-card .location-card-right .contact-info-details{display:flex;flex-direction:row;align-items:flex-start;justify-content:start;gap:16px;max-height:400px;overflow-y:auto}.location-card .location-card-right .contact-info-details .contact-phone-number-list,.location-card .location-card-right .contact-info-details .contact-email-list{display:flex;flex-direction:column;align-items:center;width:50%;gap:8px;padding:0 20px;font-size:10px;color:var(--text-color);opacity:.8}.location-card .location-card-right .contact-info-details .contact-phone-number-list .phone-number,.location-card .location-card-right .contact-info-details .contact-phone-number-list .email-address,.location-card .location-card-right .contact-info-details .contact-email-list .phone-number,.location-card .location-card-right .contact-info-details .contact-email-list .email-address{display:flex;align-items:center;gap:8px;margin-bottom:4px;padding:8px 16px;border-radius:8px;background-color:var(--surface-color);transition:border .2s ease}.location-card .location-card-right .contact-info-details .contact-phone-number-list .phone-number:hover,.location-card .location-card-right .contact-info-details .contact-phone-number-list .email-address:hover,.location-card .location-card-right .contact-info-details .contact-email-list .phone-number:hover,.location-card .location-card-right .contact-info-details .contact-email-list .email-address:hover{border:1px solid var(--tiffany-blue);cursor:pointer}.location-card .location-card-right .contact-info-details .contact-phone-number-list .phone-number .phone-button,.location-card .location-card-right .contact-info-details .contact-phone-number-list .phone-number .email-button,.location-card .location-card-right .contact-info-details .contact-phone-number-list .email-address .phone-button,.location-card .location-card-right .contact-info-details .contact-phone-number-list .email-address .email-button,.location-card .location-card-right .contact-info-details .contact-email-list .phone-number .phone-button,.location-card .location-card-right .contact-info-details .contact-email-list .phone-number .email-button,.location-card .location-card-right .contact-info-details .contact-email-list .email-address .phone-button,.location-card .location-card-right .contact-info-details .contact-email-list .email-address .email-button{display:flex;align-items:center;justify-content:center;border-radius:100%;padding:6px;font-size:12px;color:var(--text-color);cursor:pointer;transition:background-color .3s ease}.location-card .location-card-right .contact-info-details .contact-phone-number-list .phone-number .phone-number-and-title,.location-card .location-card-right .contact-info-details .contact-phone-number-list .phone-number .email-address-and-title,.location-card .location-card-right .contact-info-details .contact-phone-number-list .email-address .phone-number-and-title,.location-card .location-card-right .contact-info-details .contact-phone-number-list .email-address .email-address-and-title,.location-card .location-card-right .contact-info-details .contact-email-list .phone-number .phone-number-and-title,.location-card .location-card-right .contact-info-details .contact-email-list .phone-number .email-address-and-title,.location-card .location-card-right .contact-info-details .contact-email-list .email-address .phone-number-and-title,.location-card .location-card-right .contact-info-details .contact-email-list .email-address .email-address-and-title{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-weight:600;color:var(--text-color)}.location-card .location-card-right .contact-info-details .contact-phone-number-list .phone-number .phone-number-and-title .phone-type-label,.location-card .location-card-right .contact-info-details .contact-phone-number-list .phone-number .phone-number-and-title .email-type-label,.location-card .location-card-right .contact-info-details .contact-phone-number-list .phone-number .email-address-and-title .phone-type-label,.location-card .location-card-right .contact-info-details .contact-phone-number-list .phone-number .email-address-and-title .email-type-label,.location-card .location-card-right .contact-info-details .contact-phone-number-list .email-address .phone-number-and-title .phone-type-label,.location-card .location-card-right .contact-info-details .contact-phone-number-list .email-address .phone-number-and-title .email-type-label,.location-card .location-card-right .contact-info-details .contact-phone-number-list .email-address .email-address-and-title .phone-type-label,.location-card .location-card-right .contact-info-details .contact-phone-number-list .email-address .email-address-and-title .email-type-label,.location-card .location-card-right .contact-info-details .contact-email-list .phone-number .phone-number-and-title .phone-type-label,.location-card .location-card-right .contact-info-details .contact-email-list .phone-number .phone-number-and-title .email-type-label,.location-card .location-card-right .contact-info-details .contact-email-list .phone-number .email-address-and-title .phone-type-label,.location-card .location-card-right .contact-info-details .contact-email-list .phone-number .email-address-and-title .email-type-label,.location-card .location-card-right .contact-info-details .contact-email-list .email-address .phone-number-and-title .phone-type-label,.location-card .location-card-right .contact-info-details .contact-email-list .email-address .phone-number-and-title .email-type-label,.location-card .location-card-right .contact-info-details .contact-email-list .email-address .email-address-and-title .phone-type-label,.location-card .location-card-right .contact-info-details .contact-email-list .email-address .email-address-and-title .email-type-label{font-size:10px;font-weight:500;color:var(--text-color);opacity:.6}.location-card .location-card-right .contact-info-details .contact-phone-number-list .phone-number .phone-number-and-title .phone-number-label,.location-card .location-card-right .contact-info-details .contact-phone-number-list .phone-number .phone-number-and-title .email-label,.location-card .location-card-right .contact-info-details .contact-phone-number-list .phone-number .email-address-and-title .phone-number-label,.location-card .location-card-right .contact-info-details .contact-phone-number-list .phone-number .email-address-and-title .email-label,.location-card .location-card-right .contact-info-details .contact-phone-number-list .email-address .phone-number-and-title .phone-number-label,.location-card .location-card-right .contact-info-details .contact-phone-number-list .email-address .phone-number-and-title .email-label,.location-card .location-card-right .contact-info-details .contact-phone-number-list .email-address .email-address-and-title .phone-number-label,.location-card .location-card-right .contact-info-details .contact-phone-number-list .email-address .email-address-and-title .email-label,.location-card .location-card-right .contact-info-details .contact-email-list .phone-number .phone-number-and-title .phone-number-label,.location-card .location-card-right .contact-info-details .contact-email-list .phone-number .phone-number-and-title .email-label,.location-card .location-card-right .contact-info-details .contact-email-list .phone-number .email-address-and-title .phone-number-label,.location-card .location-card-right .contact-info-details .contact-email-list .phone-number .email-address-and-title .email-label,.location-card .location-card-right .contact-info-details .contact-email-list .email-address .phone-number-and-title .phone-number-label,.location-card .location-card-right .contact-info-details .contact-email-list .email-address .phone-number-and-title .email-label,.location-card .location-card-right .contact-info-details .contact-email-list .email-address .email-address-and-title .phone-number-label,.location-card .location-card-right .contact-info-details .contact-email-list .email-address .email-address-and-title .email-label{font-size:10px;font-weight:600;color:var(--text-color);opacity:.9}.no-contact-info{font-size:14px;color:var(--text-color);opacity:.7;font-style:italic;padding:8px 16px}.add-location-form{background-color:var(--surface-color);color:var(--text-color);border-radius:16px;width:850px;margin:0 auto;padding:20px;animation:fadeIn .25s ease-in-out}.add-location-form h2{font-weight:600;text-align:center;color:var(--text-color);margin-top:10px;margin-bottom:20px}.add-location-form .form-group{width:100%;display:flex;flex-direction:column;align-items:center}.add-location-form .form-group form{display:flex;flex-direction:column;width:100%;gap:16px}.add-location-form .form-group form .form-content{display:flex;flex-direction:row;gap:20px;width:100%}.add-location-form .form-group form .form-content .add-location-left{display:flex;flex-direction:column;align-items:center;width:35%}.add-location-form .form-group form .form-content .add-location-left .add-location-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-items:center}.add-location-form .form-group form .form-content .add-location-left .add-location-image-placeholder img{width:200px;height:200px;border-radius:16px;object-fit:cover;transition:all .2s ease-in-out;border:1px solid var(--box-bg-border);background-color:var(--box-bg)}.add-location-form .form-group form .form-content .image-wrapper{position:relative;cursor:pointer;display:inline-block}.add-location-form .form-group form .form-content .image-wrapper .location-image{width:250px;height:250px;border-radius:16px;object-fit:cover;transition:all .25s ease-in-out;border:1px solid var(--box-bg-border);background-color:var(--box-bg)}.add-location-form .form-group form .form-content .image-wrapper .image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;background-color:#00000080;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-in-out;text-transform:uppercase;letter-spacing:.5px}.add-location-form .form-group form .form-content .image-wrapper:hover .location-image{transform:scale(1.03);box-shadow:0 3px 10px #00000026}.add-location-form .form-group form .form-content .image-wrapper:hover .image-overlay{opacity:1}.add-location-form .form-group form .form-content .add-location-right{display:flex;flex-direction:column;width:65%;gap:12px}.add-location-form .add-location-input{display:flex;flex-direction:column;gap:5px;width:100%}.add-location-form .add-location-input label{font-size:12px;text-transform:uppercase;opacity:.7;letter-spacing:.5px}.add-location-form .add-location-input input,.add-location-form .add-location-input select{width:100%;background-color:var(--light-white);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 10px;font-size:12px;color:var(--light-black);outline:none}.add-location-form .add-location-input input:focus,.add-location-form .add-location-input select:focus{border-color:var(--tiffany-blue)}.add-location-form .add-location-input .error-message{font-size:12px;color:var(--razzmatazz)}.add-location-form .address-lines{display:flex;gap:16px;flex-wrap:row}.add-location-form .address-lines .add-location-input{flex:1;min-width:250px}.add-location-form .city-state-zip{display:flex;flex-wrap:row;gap:16px}.add-location-form .city-state-zip .add-location-input{flex:1;min-width:150px}.add-location-form .city-state-zip select{cursor:pointer;width:100%;background-color:var(--light-white);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 10px;font-size:12px;color:var(--light-black);outline:none}.add-location-form .form-buttons{display:flex;justify-content:center;gap:12px}.add-location-form .form-buttons button{width:fit-content;padding:6px 12px;border-radius:8px;border:none;cursor:pointer;font-size:14px}.add-location-form .form-buttons button:first-child{background-color:var(--tiffany-blue);color:#fff}.add-location-form .form-buttons button:first-child:hover{opacity:.9}.add-location-form .form-buttons button:last-child{background-color:transparent;color:var(--text-color)}.add-location-form .form-buttons button:last-child:hover{background-color:#dedede8a}.add-location-form .form-buttons .submit-button,.add-location-form .form-buttons .cancel-button{width:fit-content;padding:6px 12px;border-radius:8px;border:none;cursor:pointer;font-size:14px}.add-location-form .form-buttons .submit-button:hover,.add-location-form .form-buttons .cancel-button:hover{opacity:.9}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dark-mode .add-location-form .cancel-button{border-color:var(--surface-color)}.client-details{display:flex;flex-direction:column;width:100%;padding-right:20px}.client-details .client-wrapper{display:flex;flex-direction:row;gap:20px;width:100%}.client-details .client-wrapper .client-details-header{display:flex;flex-direction:column;row-gap:20px;width:30%;align-items:flex-start;justify-content:space-between;margin-bottom:20px;background-color:var(--surface-color);padding:20px;border-radius:8px}.client-details .client-wrapper .client-details-header .client-title-and-edit{display:flex;justify-content:space-between;width:100%;row-gap:20px}.client-details .client-wrapper .client-details-header .client-title{display:flex;flex-direction:column;row-gap:20px}.client-details .client-wrapper .client-details-header .client-title .title-and-company-section{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.client-details .client-wrapper .client-details-header .client-title .title-and-company-section .client-image img{width:120px;height:120px;border-radius:50%;object-fit:cover}.client-details .client-wrapper .client-details-header .client-title .title-and-company-section .client-image .placeholder-image{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--button-bg-color);color:var(--button-text-color);font-size:24px;font-weight:600}.client-details .client-wrapper .client-details-header .client-title .title-and-company-section .title-and-company{display:flex;flex-direction:column;justify-content:center;row-gap:4px}.client-details .client-wrapper .client-details-header .client-title .title-and-company-section .title-and-company h1{font-size:32px;font-weight:600;margin-bottom:0}.client-details .client-wrapper .client-details-header .client-title .title-and-company-section .title-and-company .company-tag,.client-details .client-wrapper .client-details-header .client-title .title-and-company-section .title-and-company .individual-tag{font-size:14px;padding:5px 8px;border-radius:8px;width:fit-content;color:var(--text-color-inverted)}.client-details .client-wrapper .client-details-header .client-title .title-and-company-section .title-and-company .company-tag{background-color:var(--jonquil)}.client-details .client-wrapper .client-details-header .client-title .title-and-company-section .title-and-company .individual-tag{background-color:var(--ultra-violet);color:var(--light-white)}.client-details .client-wrapper .client-details-header .edit-client-button{display:flex;align-items:center;justify-content:center;border-radius:100%;height:fit-content;padding:10px;font-size:16px;color:var(--button-text-color);cursor:pointer;transition:background-color .3s ease}.client-details .client-wrapper .client-details-header .edit-client-button:hover{transform:scale(1.1)}.client-details .client-wrapper .client-details-header .divider{padding-bottom:10px;border-bottom:2px dashed var(--text-color);opacity:.7;width:100%}.client-details .client-wrapper .client-details-header .client-contact-info-header{display:flex;flex-direction:column;gap:16px;align-items:flex-start;margin-top:8px}.client-details .client-wrapper .client-details-header .client-contact-info-header .phone-number,.client-details .client-wrapper .client-details-header .client-contact-info-header .email-address{position:relative;display:flex;align-items:center;gap:8px;font-size:12px;padding-right:10px;cursor:pointer;width:fit-content;z-index:1}.client-details .client-wrapper .client-details-header .client-contact-info-header .phone-number:before,.client-details .client-wrapper .client-details-header .client-contact-info-header .email-address:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--text-color);border-radius:50px;opacity:.08;z-index:-1;transition:opacity .3s ease}.client-details .client-wrapper .client-details-header .client-contact-info-header .phone-number:hover:before,.client-details .client-wrapper .client-details-header .client-contact-info-header .email-address:hover:before{opacity:.12}.client-details .client-wrapper .client-details-header .client-contact-info-header .phone-number .phone-button,.client-details .client-wrapper .client-details-header .client-contact-info-header .phone-number .email-button,.client-details .client-wrapper .client-details-header .client-contact-info-header .email-address .phone-button,.client-details .client-wrapper .client-details-header .client-contact-info-header .email-address .email-button{display:flex;align-items:center;justify-content:center;border-radius:100%;padding:10px;font-size:12px;background-color:var(--button-bg-color);color:var(--button-text-color);transition:background-color .3s ease}.client-details .client-wrapper .client-details-header .client-contact-info-header .phone-number .phone-button:hover,.client-details .client-wrapper .client-details-header .client-contact-info-header .phone-number .email-button:hover,.client-details .client-wrapper .client-details-header .client-contact-info-header .email-address .phone-button:hover,.client-details .client-wrapper .client-details-header .client-contact-info-header .email-address .email-button:hover{background-color:var(--tiffany-blue)}.client-details .client-wrapper .client-details-body{display:flex;flex-direction:row;width:70%;gap:20px}.client-details .client-wrapper .client-details-body .client-details-info{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;background-color:var(--surface-color);padding:20px;border-radius:8px}.client-details .client-wrapper .client-details-body .locations-section{display:flex;flex-direction:column;width:100%;background-color:var(--surface-color);border-radius:8px;gap:16px;margin-bottom:20px;padding:16px 20px 20px}.client-details .client-wrapper .client-details-body .locations-section .locations-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:10px}.client-details .client-wrapper .client-details-body .locations-section .locations-header h2{margin:0}.client-details .client-wrapper .client-details-body .locations-section .locations-header .add-location-button{display:flex;align-items:center;justify-content:center;gap:6px;background-color:transparent;border:1px solid var(--tiffany-blue);color:var(--tiffany-blue);font-size:14px;cursor:pointer;padding:8px 14px;border-radius:8px;transition:background-color .3s ease,color .3s ease}.client-details .client-wrapper .client-details-body .locations-section .locations-header .add-location-button:hover{background-color:#1da1f21a;color:var(--text-color)}.client-details .client-wrapper .client-details-body .locations-section .locations-list{display:grid;grid-template-columns:repeat(2,minmax(250px,1fr));gap:16px}.client-details .client-tickets-section{width:100%;margin-top:20px}.client-tickets{display:flex;flex-direction:column;width:100%;background-color:var(--surface-color);border-radius:8px;gap:16px;margin-bottom:20px;padding:16px 20px 20px}.client-tickets .client-tickets-header{display:flex;width:100%;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px}.client-tickets .client-tickets-header h2{width:90%;font-size:1.4rem;font-weight:600;color:var(--text-primary)}.client-tickets .client-tickets-header .add-ticket-button{display:flex;align-items:center;width:fit-content;justify-content:end;gap:6px;background-color:transparent;border:1px solid var(--tiffany-blue);color:var(--tiffany-blue);font-size:14px;cursor:pointer;margin:10px;padding:8px 14px;border-radius:8px;transition:background-color .3s ease,color .3s ease}.client-tickets .client-tickets-header .add-ticket-button:hover{background-color:#1da1f21a;color:var(--text-color)}.client-tickets .client-tickets-header .add-ticket-button svg{font-size:16px}.client-tickets .ticket-list{display:flex;flex-direction:column;gap:20px}.client-tickets .no-tickets{color:var(--text-secondary);font-style:italic;text-align:center;margin-top:15px}.app-section-ticket-tracking{color:var(--text-color);background:var(--surface-color);border-radius:12px;padding:32px;display:flex;flex-direction:column;margin-top:20px;gap:24px}.app-section-ticket-tracking .tracking-header{display:flex;justify-content:space-between;align-items:center;gap:24px}.app-section-ticket-tracking .tracking-header h1{font-size:28px;font-weight:600;text-align:left;padding:0;margin:0}.app-section-ticket-tracking .tracking-header .header-left{display:flex;flex-direction:row;gap:4px}.app-section-ticket-tracking .tracking-header .header-left .logo-container{display:flex;align-items:center;justify-content:center;padding-right:12px;border-right:1px solid var(--border-color)}.app-section-ticket-tracking .tracking-header .header-left .logo-container .company-logo{height:40px;width:auto}.app-section-ticket-tracking .tracking-header .header-left .header-left-dates{display:flex;gap:12px}.app-section-ticket-tracking .tracking-header .ticket-status{display:flex;flex-direction:row;align-items:center;padding:6px 14px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-color-constant);box-shadow:0 2px 6px #0000001a}.app-section-ticket-tracking .tracking-header .ticket-status span{margin-left:8px;color:var(--text-color-constant)}.app-section-ticket-tracking .perforated-zone{--perforation-color: #e1d7e2;position:relative;display:flex;align-items:center;height:24px;margin:12px -24px}.app-section-ticket-tracking .perforated-zone .perforated-line{width:100%;border-top:2px dashed var(--perforation-color)}.app-section-ticket-tracking .perforated-zone:before,.app-section-ticket-tracking .perforated-zone:after{content:"";position:absolute;top:0;z-index:1;height:100%;aspect-ratio:1;background-color:var(--background-color);border-radius:50%}.app-section-ticket-tracking .perforated-zone:before{left:-20px;box-shadow:-1px 0 1px var(--card-shadow-color) inset}.app-section-ticket-tracking .perforated-zone:after{right:-20px;box-shadow:1px 0 1px var(--card-shadow-color) inset}.app-section-ticket-tracking .tracking-card{display:flex;flex-direction:column;align-content:space-between;gap:16px}.app-section-ticket-tracking .tracking-card h2{font-size:20px;font-weight:600;margin-bottom:12px}.app-section-ticket-tracking .tracking-card .client{display:flex;align-items:center;gap:12px;margin-bottom:16px}.app-section-ticket-tracking .tracking-card .client .client-image{width:30px;height:30px;border-radius:50%;background:var(--surface-color-dark);display:flex;align-items:center;justify-content:center;overflow:hidden}.app-section-ticket-tracking .tracking-card .client .client-image img{width:100%;height:100%;object-fit:cover}.app-section-ticket-tracking .tracking-card .client .client-image svg{width:24px;height:24px;color:var(--text-color)}.app-section-ticket-tracking .tracking-card .client .client-info{display:flex;flex-direction:column}.app-section-ticket-tracking .tracking-card .client .client-info .client-name{font-size:14px;font-weight:600}.app-section-ticket-tracking .tracking-card .client .client-info .client-company{font-size:12px;opacity:.7}.app-section-ticket-tracking .tracking-card .tracking-details{display:flex;flex-direction:column;gap:12px}.app-section-ticket-tracking .tracking-card .tracking-details .tracking-field{display:flex;flex-direction:column}.app-section-ticket-tracking .tracking-card .tracking-details .tracking-field .label{font-size:12px;text-transform:uppercase;opacity:.6;margin-bottom:2px}.app-section-ticket-tracking .tracking-card .tracking-details .tracking-field span{font-size:14px}.app-section-ticket-tracking .tracking-card.error{border-left:4px solid #e40613}.app-section-ticket-tracking .tracking-card.not-found{border-left:4px solid #f0ad4e}.app-section-ticket-tracking .ticket-details-tab{display:flex;align-items:center;justify-content:center;height:200px}.app-section-ticket-tracking .ticket-details-tab .loader{width:32px;height:32px;border:3px solid var(--text-color);border-top:3px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.app-section-ticket-tracking{margin:15px;padding:32px}.app-section-ticket-tracking .tracking-header{flex-direction:row;justify-content:space-between;gap:10px}.app-section-ticket-tracking .tracking-header .header-left{flex-direction:column;align-items:flex-start;gap:8px}.app-section-ticket-tracking .tracking-header .header-left .logo-container{border-right:none;padding-right:0;padding-bottom:8px}.app-section-ticket-tracking .tracking-header .header-left .logo-container .company-logo{height:36px}.app-section-ticket-tracking .tracking-header .header-left .ticket-title-and-dates h1{font-size:24px}.app-section-ticket-tracking .tracking-header .header-left .header-left-dates{flex-direction:row;gap:4px}.app-section-ticket-tracking .tracking-header .ticket-status{align-self:flex-end;font-size:16px}.app-section-ticket-tracking .tracking-card h2{font-size:32px}.app-section-ticket-tracking .tracking-card .client .client-image{width:30px;height:30px}.app-section-ticket-tracking .tracking-card .client .client-image svg{width:24px;height:24px}.app-section-ticket-tracking .tracking-card .client .client-info .client-name{font-size:16px}.app-section-ticket-tracking .tracking-card .client .client-info .client-company{font-size:14px}.app-section-ticket-tracking .tracking-card .tracking-details .tracking-field .label{font-size:12px}.app-section-ticket-tracking .tracking-card .tracking-details .tracking-field span{font-size:14px}.app-section-ticket-tracking .tracking-card .download-pdf-report{width:100%;display:flex;justify-content:start;align-items:center;text-align:center}}@media (max-width: 768px){.app-section-ticket-tracking{margin:10px;padding:32px}.app-section-ticket-tracking .tracking-header{display:flex;flex-direction:column;align-items:center;text-align:center}.app-section-ticket-tracking .tracking-header .header-left{align-items:center;text-align:center;margin-bottom:10px}.app-section-ticket-tracking .tracking-header .header-left .logo-container{justify-content:center}.app-section-ticket-tracking .tracking-header .header-left .ticket-title-and-dates h1{font-size:20px;text-align:center;margin-bottom:5px}.app-section-ticket-tracking .tracking-header .header-left .header-left-dates{flex-direction:column;align-items:center}.app-section-ticket-tracking .tracking-header .header-left .header-left-dates span{font-size:12px}.app-section-ticket-tracking .tracking-header .header-left .header-left-dates .divider{display:none}.app-section-ticket-tracking .tracking-header .ticket-status{align-self:center;font-size:16px;padding:4px 10px}.app-section-ticket-tracking .tracking-card h2{font-size:24px;text-align:center}.app-section-ticket-tracking .tracking-card .client{justify-content:center;text-align:center}.app-section-ticket-tracking .tracking-card .client .client-image{width:30px;height:30px}.app-section-ticket-tracking .tracking-card .client .client-image svg{width:28px;height:28px}.app-section-ticket-tracking .tracking-card .client .client-info .client-name{font-size:16px}.app-section-ticket-tracking .tracking-card .client .client-info .client-company{font-size:14px}.app-section-ticket-tracking .tracking-card .tracking-details .tracking-field .label{font-size:11px}.app-section-ticket-tracking .tracking-card .tracking-details .tracking-field span{font-size:13px}.app-section-ticket-tracking .tracking-card .download-pdf-report{width:100%;display:flex;justify-content:start;align-items:center;text-align:center}}.inventory-tab{display:flex;width:100%;flex:1;flex-direction:column}.inventory-tab .section-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:20px;padding-right:20px;padding-bottom:15px}.inventory-tab .section-header h1{font-size:2rem;color:var(--text-color)}.inventory-tab .section-header .btn-add-item{display:flex;align-items:center;width:fit-content;justify-content:end;gap:6px;background-color:transparent;border:1px solid var(--tiffany-blue);color:var(--tiffany-blue);font-size:14px;cursor:pointer;padding:8px 14px;border-radius:8px;transition:background-color .3s ease,color .3s ease}.inventory-tab .section-header .btn-add-item:hover{background-color:#1da1f21a;color:var(--text-color)}.inventory-tab .section-header .btn-add-item svg{font-size:16px}.inventory-tab .inventory-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:12px;padding:0 20px 20px;overflow-y:auto}.inventory-tab .inventory-footer{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}.inventory-tab .inventory-footer .prev-btn,.inventory-tab .inventory-footer .next-btn{background-color:var(--button-bg-color);color:var(--button-text-color);width:fit-content;padding:10px 15px;font-size:1.2rem;border-radius:5px;cursor:pointer;box-shadow:0 4px 8px #0000001a;transition:background-color .3s ease,color .3s ease}.inventory-tab .inventory-footer .prev-btn:disabled,.inventory-tab .inventory-footer .next-btn:disabled{background-color:var(--login-bg);color:var(--text-color);cursor:not-allowed}.inventory-tab .inventory-footer .prev-btn:hover:not(:disabled),.inventory-tab .inventory-footer .next-btn:hover:not(:disabled){background-color:var(--ultra-violet)}.part-card-link{text-decoration:none;color:inherit}.part-card{display:flex;gap:16px;width:100%;height:120px;padding:8px;background-color:var(--surface-color);border-radius:16px;border:2px solid var(--surface-color);overflow:hidden;-webkit-user-select:none;user-select:none;transition:all .3s ease;text-decoration:none}.part-card:hover{transform:scale(1.01);border:1px solid var(--ultra-violet);box-shadow:0 8px 16px #00000026}.part-card .spacer{flex-grow:1}.part-card .image{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;height:100%;aspect-ratio:1;border-radius:8px;overflow:hidden}.part-card .image img{width:100%;height:100%;object-fit:cover}.part-card .image .part-icon{width:50%;height:50%;opacity:.5}.part-card .image:before{content:"";position:absolute;width:100%;height:100%;background-color:var(--text-color);opacity:.05}.part-card .part-info{display:flex;flex-direction:column;width:100%;padding:8px 0;overflow:hidden}.part-card .part-info .part-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.part-card .part-info .part-description{max-height:40px;overflow:hidden;opacity:.5}.part-card .part-info .part-footer{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:14px}.part-card .part-info .part-sku{flex-grow:1}.part-card .part-info .part-total-stock{flex-shrink:0}.part-details{display:flex;flex-direction:column;width:100%}.part-details .part-title{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.part-details .part-title h1{text-align:left;margin-bottom:4px}.part-details .part-title .title-and-status{display:flex;flex-direction:row;align-items:center;gap:16px}.part-details .part-title .title-and-status .part-status-chip-active{padding:4px 8px;border-radius:8px;background-color:#4caf50;color:var(--text-color-inverted);font-size:18px}.part-details .part-title .title-and-status .part-status-chip-inactive{padding:4px 8px;border-radius:8px;background-color:#f44336;color:var(--text-color);font-size:18px}.part-details .part-title .sku-chip{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:5px 8px}.part-details .part-title .sku-chip p{font-size:14px;opacity:.7}.part-details .part-title .sku-chip:before{content:"";position:absolute;width:100%;height:100%;background-color:var(--text-color);border-radius:50px;opacity:.08;z-index:-1}.part-details .part-header{display:flex;flex-direction:row;align-items:start;justify-content:space-between;width:100%;margin-bottom:20px}.part-details .part-header .part-info-left{display:flex;flex-direction:column;align-items:center;width:40%;margin-bottom:16px}.part-details .part-header .part-info-left .part-img-slider{display:flex;flex-direction:row;align-items:center;width:100%;margin-bottom:8px;border-radius:8px}.part-details .part-header .part-info-left .part-img-slider .left-arrow,.part-details .part-header .part-info-left .part-img-slider .right-arrow{display:flex;align-items:center;align-content:center;justify-content:center;position:relative;z-index:1;width:32px;height:32px;background-color:var(--button-bg-color);border-radius:50%;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .3s ease}.part-details .part-header .part-info-left .part-img-slider .left-arrow:hover,.part-details .part-header .part-info-left .part-img-slider .right-arrow:hover{background-color:var(--button-bg-color)}.part-details .part-header .part-info-left .part-img-slider .left-arrow:disabled,.part-details .part-header .part-info-left .part-img-slider .right-arrow:disabled{background-color:var(--box-bg);cursor:not-allowed;opacity:.5}.part-details .part-header .part-info-left .part-img-slider .left-arrow{left:35px}.part-details .part-header .part-info-left .part-img-slider .right-arrow{right:35px}.part-details .part-header .part-info-left .part-img-slider img{width:300px;height:300px;object-fit:cover;border-radius:8px}.part-details .part-header .part-info-right{display:flex;flex-direction:column;align-items:flex-start;width:70%}.part-details .part-header .part-info-right h2{margin-bottom:10px}.part-details .part-header .part-info-right p{margin:4px 0}.part-details .part-header .part-info-right .part-description{margin-top:16px;margin-bottom:16px}.part-details .part-header .part-info-right .part-description .description-title{font-size:12px;opacity:.7;margin-bottom:4px}.part-details .part-header .part-info-right .brand-model-container{display:flex;flex-direction:row;gap:16px;margin-bottom:8px}.part-details .part-header .part-info-right .brand-model-container .description-title{font-size:12px;opacity:.7;margin-bottom:4px}.part-details .part-header .part-info-right .price-container{display:flex;flex-direction:column;margin-bottom:8px}.part-details .part-header .part-info-right .price-container .description-title{font-size:12px;opacity:.7;margin-bottom:4px}.part-details .part-stock-details{display:flex;flex-direction:column;align-items:flex-start;width:100%}.part-details .part-stock-details .stock-details-header{display:flex;flex-direction:row;align-items:center;justify-content:start;width:100%;margin-bottom:10px;gap:16px}.part-details .part-stock-details .stock-details-header .stock-total{font-size:14px;background-color:var(--light-black);color:var(--light-white);padding:4px 8px;border-radius:8px}.part-details .part-stock-details .no-stock-locations{font-size:14px;opacity:.7;background-color:var(--ultra-violet)}.stock-location-card{display:flex;flex-direction:row;gap:20px;justify-content:center;align-items:center;border-radius:8px;padding:16px 16px 16px 25px;margin-bottom:16px;background-color:var(--surface-color)}.stock-location-cardhover{box-shadow:0 2px 8px #0000001a;border-color:var(--primary-color);transition:box-shadow .3s ease,border-color .3s ease}.stock-location-card .location-card-left{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:10%}.stock-location-card .location-card-left .location-icon{font-size:32px;color:var(--primary-color)}.stock-location-card .location-card-right{display:flex;flex-direction:column;width:90%}.stock-location-card .location-card-right .location-name{font-size:16px;margin-bottom:4px}.stock-location-card .location-card-right .location-quantity{display:flex;flex-direction:row;align-content:center;font-size:12px;opacity:.7;margin-bottom:4px;gap:4px}.stock-location-card .location-card-right .location-quantity p{font-size:larger}.stock-location-card .manage-stock-button{display:flex;align-items:center;justify-content:center;margin-top:8px;padding:10px;font-size:12px;border:none;border-radius:100%;background-color:var(--button-bg-color);color:var(--button-text-color);cursor:pointer;transition:background-color .3s ease}.stock-location-card .manage-stock-button:hover{background-color:var(--tiffany-blue);transform:scale(1.05)}button.btn,a.btn{display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;padding:10px 15px;background-color:var(--button-bg-color);color:var(--button-text-color);font-size:16px;text-align:center;text-decoration:none;cursor:pointer;transition:all .3s ease}button.btn.btn-icon,a.btn.btn-icon{width:40px;height:40px;padding:0;border-radius:50%}button.btn.btn-icon .btn-icon-icon,a.btn.btn-icon .btn-icon-icon{width:20px;height:20px}button.btn.btn-add-item,a.btn.btn-add-item{gap:8px;width:100%;margin:0;border-radius:8px;white-space:nowrap}button.btn.btn-action,a.btn.btn-action{width:32px;height:32px;padding:0;margin:0;background-color:transparent;color:var(--text-color)}button.btn.btn-action .btn-icon-icon,a.btn.btn-action .btn-icon-icon{width:20px;height:20px}button.btn.btn-danger,a.btn.btn-danger{background-color:var(--razzmatazz)}button.btn.btn-danger.btn-action,a.btn.btn-danger.btn-action{background-color:transparent}button.btn.btn-danger.btn-action:hover,a.btn.btn-danger.btn-action:hover{color:var(--razzmatazz)}section.app-section .spacer{flex-grow:1}section.app-section .section-header{display:flex;align-items:center;min-height:58px;margin-bottom:24px}section.app-section .section-header h1{margin:0;font-size:24px;font-weight:600}.spin-in{animation:spinIn .5s ease}@keyframes spinIn{0%{transform:rotate(0);opacity:0}to{transform:rotate(360deg);opacity:1}}.zoom-in{animation:zoomIn .5s ease}@keyframes zoomIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}:root{--background-color: #f5f2f7;--text-color: var(--light-black);--text-color-inverted: #F5F4FB;--text-color-constant: var(--light-black);--button-bg-color: #007bff;--button-text-color: var(--light-white);--surface-color: #ffffff;--light-white: #f9f9f9;--light-black: #51385e;--border-color: rgba(0, 0, 0, .1);--background-gradient: linear-gradient(90deg, var(--razzmatazz), var(--jonquil), var(--tiffany-blue));--special-button-color: none;--header-bg-color: #f8f9fa;--footer-bg-color: #f1f1f1;--ultra-violet: #5e53a4;--tiffany-blue: #66c6b8;--razzmatazz: #ed1476;--jonquil: #fecb19;--smoky-black: #1d1a05;--box-bg: #f1f1f1;--box-bg-border: #555;--ticket-card-bg: #ececec;--seasalt: #f9f9f9;--login-bg: #d0d0d0;--semitransparent-bg: #ffffff6d;--special-btn: var(--tiffany-blue);--location-phone-bg: #e0f7f5}.dark-mode{--background-color: #0B0A24;--text-color: #F5F4FB;--text-color-inverted: #212121;--text-color-constant: var(--light-black);--button-bg-color: #61a1e0;--button-text-color: #f9f9f9;--surface-color: #201E43;--border-color: rgba(255, 255, 255, .1);--special-btn: var(--razzmatazz);--special-button-color: var(--ultra-violet);--background-gradient: linear-gradient(90deg, var(--ultra-violet), var(--razzmatazz), var(--tiffany-blue));--ticket-card-bg: #666;--box-bg: #555;--box-bg-border: #f1f1f1;--header-bg-color: #333;--footer-bg-color: #333;--login-bg: #4a4a4a;--semitransparent-bg: #3333336d;--location-phone-bg: #004f4c}body{background-color:var(--background-color);color:var(--text-color);font-family:Lato,sans-serif}*{margin:0;padding:0;box-sizing:border-box}.stock-locations-wrapper{display:flex;flex-direction:row;gap:16px}.stock-locations-wrapper .no-stock-locations-wrapper{font-size:14px;opacity:.7}