@font-face{font-family:"Good Times";src:url("../fonts/good_times.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}body{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:300;line-height:1.5;background-color:var(--bg-primary);color:var(--text-primary);margin:0;padding:0;transition:background-color .3s ease,color .3s ease}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mt-3{margin-top:30px}.mt-4{margin-top:40px}.mt-5{margin-top:50px}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}.mb-3{margin-bottom:30px}.mb-4{margin-bottom:40px}.mb-5{margin-bottom:50px}.my-1{margin-top:10px;margin-bottom:10px}.my-2{margin-top:20px;margin-bottom:20px}.my-3{margin-top:30px;margin-bottom:30px}.my-4{margin-top:40px;margin-bottom:40px}.my-5{margin-top:50px;margin-bottom:50px}.mx-1{margin-left:10px;margin-right:10px}.mx-2{margin-left:20px;margin-right:20px}.mx-3{margin-left:30px;margin-right:30px}.mx-4{margin-left:40px;margin-right:40px}.mx-5{margin-left:50px;margin-right:50px}h1{font-family:"Good Times",Arial,sans-serif;color:var(--secondary-color);letter-spacing:1px;font-weight:500}@media(min-width: 768px){h1{font-size:3rem}}@media(min-width: 1024px){h1{font-size:3.5rem}}h2,h3,h4,h5,h6{font-family:Arial,sans-serif;font-weight:700}.section-title{text-align:center;margin-top:0;font-size:25px;text-transform:uppercase;font-weight:400}a{color:var(--text-primary);text-decoration:none}ul{padding-left:0}ul li{list-style:none}.container{padding:2rem 1rem}.tablet{display:none}.desktop{display:none}@media(min-width: 768px){.mobile{display:none}.desktop{display:block}.container{padding:6rem 0}}@media(min-width: 1440px){.mobile{display:none}.desktop{display:block}.hero-section{padding:8rem 0}}.messages-container{position:fixed;right:0;z-index:1050;max-width:400px}.messages-container .message{margin-bottom:.5rem;padding:1rem;border:none;border-radius:25px;box-shadow:0 4px 6px rgba(0,0,0,.1);position:relative;font-weight:500}.messages-container .message.message-success{background-color:#d1fae5;border-left:4px solid #198754;color:#065f46}.messages-container .message.message-error,.messages-container .message.message-danger{background-color:#fee2e2;border-left:4px solid #dc3545;color:#991b1b}.messages-container .message.message-warning{background-color:#fef3c7;border-left:4px solid #ffc107;color:#92400e}.messages-container .message.message-info{background-color:#dbeafe;border-left:4px solid #42a2de;color:#1e40af}.messages-container .message .message-close{position:absolute;top:.5rem;right:.75rem;background:none;border:none;font-size:1.25rem;cursor:pointer;color:inherit;opacity:.7;transition:opacity .2s}.messages-container .message .message-close:hover{opacity:1}.file-upload{border:2px dashed #d1d5db;border-radius:25px;padding:2rem;text-align:center;transition:all .2s ease}.file-upload:hover{border-color:#09093f;background-color:rgba(59,130,246,.05)}.file-upload.dragover{border-color:blue;background-color:rgba(59,130,246,.1)}.htmx-indicator{opacity:0;transition:opacity .3s ease}.htmx-request .htmx-indicator{opacity:1}.htmx-request.htmx-indicator{opacity:1}.status-badge{display:inline-block;margin-bottom:10px;padding:5px 15px;width:fit-content;text-transform:uppercase;font-size:14px;font-weight:600;border-radius:50px;background:rgba(72,178,243,.1019607843);color:var(--secondary-color)}.status-badge.status-completed{background:rgba(25,135,84,.1019607843);color:#198754}@media(max-width: 768px){.messages-container{left:1rem;right:1rem;max-width:none}.table-responsive{border-radius:25px}}@media print{.header,.btn,.messages-container{display:none !important}}:root{--bg-primary: #efefef;--text-primary: #000927;--secondary-color: #3585b7;--tertiary-color: #597389;--nav-upper-color: #ffffff;--btn-color: radial-gradient(circle at top left, var(--secondary-color) 0%, #296a93 100%);--btn-color-selected: radial-gradient(circle at top left, var(--tertiary-color) 100%, #799cb9 0%);--btn-text-color: #efefef;--shadow: 6px 6px 12px rgba(0, 0, 0, 0.25), -6px -6px 12px rgba(255, 255, 255, 0.6);--design-top-color: rgba(0, 0, 0, 0.1);--design-bottom-color: rgba(255, 255, 255, 0.6);--overlay-color: #efefefbe;--inset-shadow: inset 6px 6px 6px rgba(0, 0, 0, 0.1), inset -6px -6px 6px rgba(255, 255, 255, 0.6);--inset-shadow-selected: inset 5px 5px 10px rgba(0, 0, 0, 0.4), inset -5px -5px 10px #67869f;--calendar-icon-filter: invert(0)}[data-theme=dark]{--bg-primary: #000927;--text-primary: #efefef;--secondary-color: #4dbaff;--nav-upper-color: #001758;--btn-color: radial-gradient(circle at top left, var(--secondary-color) 0%, #183a50 100%);--btn-text-color: #000;--shadow: 6px 6px 12px #000, -6px -6px 6px #0017587d;--design-top-color: rgb(0, 0, 0);--design-bottom-color: #0017587d;--overlay-color: #000927b9;--inset-shadow: inset 6px 6px 6px #000, inset -6px -6px 6px #0017587d;--calendar-icon-filter: invert(1)}.theme-toggle{cursor:pointer;transition:transform .2s ease}.theme-toggle:hover{transform:scale(1.1)}.theme-toggle:active{transform:scale(0.95)}button.btn{padding:9px;width:100%}.btn{cursor:pointer;display:block;background-image:var(--btn-color);box-shadow:var(--shadow);color:var(--btn-text-color);border:none;border-radius:25px;text-align:center;font-size:20px;font-weight:700}.btn-back{padding:8px 16px;background:rgba(0,0,0,0);border:none;color:var(--text-primary);font-size:20px}.btn-download{margin-top:15px;padding:5px}.btn-download i{font-size:16px;color:var(--btn-text-color);flex-shrink:0}.btn:disabled,.btn[disabled]{width:100%;cursor:not-allowed;opacity:.6;background-image:none;background-color:var(--btn-color-selected);box-shadow:var(--inset-shadow);color:gray}.btn:disabled i,.btn[disabled] i{color:gray}.btn-cancel{background:#dc3545;padding:5px;margin-bottom:20px}@media(min-width: 768px){button.btn-header,.btn-header{display:block;margin:-20px auto 20px;width:30%;padding:5px}}.cards{display:flex;justify-content:space-between}.cards .card{display:flex;flex-direction:column;align-items:center;text-align:center;width:100px}.cards .card .btn{width:100%;height:110px;display:flex;justify-content:center;align-items:center;font-size:2rem}.cards .card .btn i{font-size:50px}.cards .card p{margin-top:10px;font-weight:400}.info-card{text-align:center;box-shadow:6px 6px 12px var(--design-top-color),-6px -6px 12px var(--design-bottom-color);border-radius:25px;padding:20px;margin-bottom:50px}.info-card i{font-size:100px;color:#3585b7;margin-bottom:10px}.info-card small{font-weight:800}.info-card h2{margin-bottom:0}.testimonial-cards{position:relative;display:flex;justify-content:space-between;gap:30px;width:100%;height:780px;overflow-x:scroll}.testimonial-cards .card{position:absolute;top:20px;left:10vw;opacity:0;visibility:hidden;background:var(--bg-primary);box-shadow:6px 6px 12px var(--design-top-color),-6px -6px 12px var(--design-bottom-color);border-radius:25px;width:80vw !important;height:auto;transform:translateX(50px);transition:all .6s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.testimonial-cards .card img{border-radius:25px 25px 0 0;width:100%;height:300px;object-fit:cover;object-position:top}.testimonial-cards .card .text-container{margin:20px}.testimonial-cards .card .text-container p{font-style:italic;margin-bottom:15px}.testimonial-cards .card .text-container h3{margin-bottom:0}.testimonial-cards .card .text-container .img-container{width:100%;display:flex;justify-content:center;margin-top:20px}.testimonial-cards .card .text-container .img-container img{width:25%;height:auto}.testimonial-cards .card.active{opacity:1;visibility:visible;transform:translateX(0);animation:slideInFromRight .6s ease-out forwards}.testimonial-cards .card.slide-out{animation:slideOutToLeft .6s ease-in forwards}.stat-cards{display:grid;grid-template-columns:1fr 1fr;justify-items:center;gap:30px;margin-bottom:40px}.stat-cards .stat-card{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:10px;width:75%;height:130px;border-radius:15px;color:#597389;background:var(--bg-primary);box-shadow:var(--shadow)}.stat-cards .stat-card-number{position:absolute;top:0;font-size:20vw;font-weight:500}.stat-cards .stat-card-label{position:absolute;font-size:14px;letter-spacing:.5px;bottom:20px}.stat-cards .stat-card.active{background:#597389;color:#efefef}@media(min-width: 768px){.cards .card{width:230px}.cards .card .btn{height:240px}.cards .card .btn i{font-size:125px}.cards .card p{font-weight:600}.testimonial-cards{height:535px !important;overflow:hidden}.testimonial-cards .card{display:flex;flex-direction:row-reverse;left:20vw;height:500px;width:60vw !important}.testimonial-cards .card img{border-radius:0 25px 25px 0;width:400px;height:100%}.testimonial-cards .card .text-container{padding:20px;height:500px}.testimonial-cards .card .text-container h4{color:#3585b7}.testimonial-cards .card .text-container .img-container{justify-content:flex-start}.testimonial-cards .card .text-container .img-container img{width:20%}.stat-cards{grid-template-columns:1fr 1fr 1fr;gap:60px;margin-bottom:0}.stat-cards .stat-card{cursor:pointer;width:80%;height:150px}.stat-cards .stat-card-number{font-size:6vw}.stat-cards .stat-card-label{font-size:18px}}input,select{border:none;border-radius:25px;width:calc(100% - 20px);height:50px;padding-left:20px;background:rgba(0,0,0,0);box-shadow:var(--inset-shadow);font-size:25px;color:var(--text-primary)}input:focus,select:focus{outline:1px solid var(--secondary-color)}select{cursor:pointer;box-shadow:var(--shadow);width:100%;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}textarea{width:calc(100% - 40px);padding:20px;margin-bottom:10px;background:var(--bg-secondary);border:none;border-radius:25px;font-size:22px;color:var(--text-primary);resize:vertical;box-shadow:var(--inset-shadow);font-family:inherit}textarea::placeholder{color:#999}textarea:focus{outline:1px solid var(--secondary-color)}.form-container{margin:0 auto;transition:all .5s ease-in-out}.form-container form{display:flex;flex-direction:column;align-items:center;gap:20px}.form-container form .form-section{width:100%}.form-container form .form-section .form-group{position:relative;width:100%}.form-container form .form-section .form-group .field-error{color:#dc3545;font-size:13px;margin-top:5px;font-weight:500;text-align:center}.form-container form .form-actions{width:100%}.form-container form .form-actions .btn{width:100%;padding:15px}.form-container form.payment-form h3{font-size:1.25rem;margin-bottom:0;color:var(--text-primary)}.form-container form.payment-form .help-text{display:block;margin-top:0;margin-bottom:1.5rem;font-size:.9rem;color:#597389}.form-register .form-section h3{margin-bottom:0;color:var(--secondary-color);font-size:20px;text-transform:initial;text-align:left}.form-register .form-section span{font-size:18px}.form-register .form-section .form-group{margin-bottom:15px}.form-request{margin-bottom:50px}.form-request span{font-size:15px;color:#666;margin:0}.form-request .form-section .form-group{margin-bottom:25px}.form-request .form-section .form-group label{display:none}.form-request .form-section .form-group .service-checkboxes{display:flex;flex-direction:column;gap:20px}.form-request .form-section .form-group .service-checkboxes select{display:none}.form-request .form-section .form-group .service-checkboxes .service-button{width:100%;padding:13px 20px;text-align:left !important;color:#597389;background:var(--bg-secondary);border:none;border-radius:50px;font-size:25px;font-weight:600;transition:all .3s ease;box-shadow:var(--shadow);-webkit-tap-highlight-color:rgba(0,0,0,0)}.form-request .form-section .form-group .service-checkboxes .service-button.selected{background:var(--btn-color-selected);color:var(--btn-text-color);box-shadow:var(--inset-shadow-selected)}.form-request .form-section .form-group .file-upload-wrapper{position:relative;width:calc(100% - 50px)}.form-request .form-section .form-group .file-upload-wrapper input[type=file]{display:none}.form-request .form-section .form-group .file-upload-wrapper .btn-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;padding:25px;background:var(--bg-primary);border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow)}.form-request .form-section .form-group .file-upload-wrapper .btn-upload i{font-size:100px;color:var(--secondary-color);transition:all .3s ease}.form-request .form-section .form-group .file-upload-wrapper .btn-upload .upload-text{font-size:25px;font-weight:600;color:var(--tertiary-color);transition:all .3s ease}.form-request .form-section .form-group .file-upload-wrapper .btn-upload.has-file{background:var(--tertiary-color);box-shadow:var(--inset-shadow-selected)}.form-request .form-section .form-group .file-upload-wrapper .btn-upload.has-file i{color:var(--btn-text-color)}.form-request .form-section .form-group .file-upload-wrapper .btn-upload.has-file .upload-text{color:var(--btn-text-color)}.form-request .form-section .form-group .file-upload-wrapper .file-info{margin-top:15px;max-width:130px;display:none;align-items:center;gap:10px;padding:12px 20px;background:var(--bg-secondary);border-radius:50px;box-shadow:var(--shadow)}.form-request .form-section .form-group .file-upload-wrapper .file-info.show{display:flex}.form-request .form-section .form-group .file-upload-wrapper .file-info .file-name{flex:1;font-size:14px;color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-request .form-section .form-group .file-upload-wrapper .file-info .remove-file-btn{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:rgba(211,47,47,.1);border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;padding:0}.form-request .form-section .form-group .file-upload-wrapper .file-info .remove-file-btn i{font-size:16px;color:#d32f2f}.form-request .form-section .form-group .file-upload-wrapper .file-info .remove-file-btn:active{transform:scale(0.95)}.translation-upload-form{margin-top:30px;padding-top:30px;border-top:2px solid var(--border-color)}.translation-upload-form .translation-upload-section{max-width:500px;margin:0 auto}.translation-upload-form .translation-upload-section h3{font-size:1.25rem;margin-bottom:1.5rem;color:var(--text-primary)}.translation-upload-form .translation-upload-section .form-group{margin-bottom:1.5rem}.translation-upload-form .translation-upload-section .form-group .file-upload-wrapper{position:relative;text-align:center}.translation-upload-form .translation-upload-section .form-group .file-upload-wrapper input[type=file]{display:none}.translation-upload-form .translation-upload-section .form-group .file-upload-wrapper .btn-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:25px;background:var(--bg-primary);border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow)}.translation-upload-form .translation-upload-section .form-group .file-upload-wrapper .btn-upload i{font-size:100px;color:var(--secondary-color);transition:all .3s ease}.translation-upload-form .translation-upload-section .form-group .file-upload-wrapper .btn-upload .upload-text{font-size:20px;font-weight:600;color:var(--tertiary-color);transition:all .3s ease}.translation-upload-form .translation-upload-section .form-group .file-upload-wrapper .btn-upload.has-file{background:var(--tertiary-color);box-shadow:var(--inset-shadow-selected)}.translation-upload-form .translation-upload-section .form-group .file-upload-wrapper .btn-upload.has-file i{color:var(--btn-text-color)}.translation-upload-form .translation-upload-section .form-group .file-upload-wrapper .btn-upload.has-file .upload-text{color:var(--btn-text-color)}.translation-upload-form .translation-upload-section .form-group .file-upload-wrapper .file-info{margin-top:15px;max-width:300px;margin-left:auto;margin-right:auto;display:none;align-items:center;gap:10px;padding:12px 20px;background:var(--bg-secondary);border-radius:50px;box-shadow:var(--shadow);width:fit-content}.translation-upload-form .translation-upload-section .form-group .file-upload-wrapper .file-info.show{display:flex}.translation-upload-form .translation-upload-section .form-group .file-upload-wrapper .file-info .file-name{flex:1;font-size:14px;color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.translation-upload-form .translation-upload-section .form-group .file-upload-wrapper .file-info .remove-file-btn{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:rgba(211,47,47,.1);border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;padding:0}.translation-upload-form .translation-upload-section .form-group .file-upload-wrapper .file-info .remove-file-btn i{font-size:16px;color:#d32f2f}.translation-upload-form .translation-upload-section .form-group .file-upload-wrapper .file-info .remove-file-btn:active{transform:scale(0.95)}@media(min-width: 768px){.form-container form{max-width:80vw}.form-container form .form-section .section-title{font-size:20px;font-weight:600}.form-container form .form-section .form-row{display:flex;flex-direction:row;justify-content:space-between}.form-container form .form-section .form-row .form-group{flex:1}.form-request{min-height:65vh}.form-request .form-section .form-row .form-group{margin-bottom:0}.form-request .form-section .form-row .form-group .service-checkboxes{flex-direction:row !important;width:100%}.form-request .form-section .form-row .form-group .service-checkboxes .service-button{text-align:center !important}.form-request .form-section .form-row .form-group .file-upload-wrapper .btn-upload{padding:20px}.form-request .form-section .desktop-row{margin-top:40px;gap:40px}.form-request .form-actions{display:flex;justify-content:space-around;margin-top:0 !important}.form-request .form-actions button{margin-top:0 !important;width:100% !important}.form-register{margin:0 auto}.form-register .form-section .form-row{display:flex;align-items:end;gap:15px}.form-register .form-section .form-row span{display:block;text-align:left}.form-register .form-section .form-row .form-group:last-child{width:39vw}.form-login{margin:0 auto;width:500px}.translation-upload-form{padding-top:0}.translation-upload-form .translation-upload-section h3{margin-bottom:10px}}body.menu-open{overflow:hidden}.mobile.header{z-index:1000;position:fixed;bottom:0;left:0;right:0;height:7vh;background:radial-gradient(100px 100px at 50% 0, rgba(0, 0, 0, 0) 50px, var(--nav-upper-color) 50px, var(--bg-primary) 100px)}.mobile.header:before{content:"";z-index:1000;position:absolute;width:80px;height:80px;top:-40px;left:calc(50% - 40px);border-radius:50%;background-image:radial-gradient(circle at top left, var(--secondary-color) 0%, #296a93 100%);box-shadow:6px 6px 12px rgba(0,0,0,.25)}.mobile.header .nav-home{z-index:1001;position:absolute;top:-25px;left:50%;transform:translateX(-50%);color:var(--btn-text-color);font-size:35px}.mobile.header .container{margin:0 auto;padding:0 25px;display:flex;justify-content:space-between;align-items:center;height:100%}.mobile.header .container .nav-left,.mobile.header .container .nav-right{display:flex;align-items:center;gap:40px}.mobile.header .container .nav-icon{font-size:35px;color:var(--text-primary);text-decoration:none;cursor:pointer;transition:color .2s ease;position:relative}.mobile.header .container .nav-icon .notification-badge{position:absolute;top:-2px;right:-10px;width:25px;height:25px;background:#dc3545;border-radius:50%;border:4px solid var(--bg-primary);font-size:1rem;color:#efefef;text-align:center;font-weight:800}.mobile.header .container .hamburger{display:flex;flex-direction:column;cursor:pointer;gap:10px}.mobile.header .container .hamburger span{width:35px;height:2px;background-color:var(--text-primary);border-radius:2px;transition:all .75s ease}.mobile.header .container .hamburger span:nth-child(2){width:20px;margin-left:15px}.mobile.header .container .hamburger.open span:first-child{transform:rotate(405deg) translate(8px, 8px)}.mobile.header .container .hamburger.open span:nth-child(2){opacity:0;margin-left:0;transition:all .5s ease}.mobile.header .container .hamburger.open span:last-child{transform:rotate(-405deg) translate(8px, -8px)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:93vh;background-color:rgba(var(--bg-primary), 0.5);opacity:0;visibility:hidden;transition:all .3s ease;z-index:998;backdrop-filter:blur(2px)}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;right:0;bottom:7vh;width:250px;background-color:var(--bg-primary);transform:translateX(100%);transition:transform .4s ease;z-index:999;padding:20px 40px;text-align:right;font-size:16px}.mobile-menu.open{transform:translateX(0)}.mobile-menu .menu-section{margin-bottom:50px}.mobile-menu .menu-section:last-child{margin-bottom:0}.mobile-menu .menu-section .menu-title{letter-spacing:.5px;color:var(--text-primary);border-bottom:1px solid #d0d0d0;margin-bottom:5px}.mobile-menu .menu-section ul{margin-top:0}.mobile-menu .menu-section ul li{padding-bottom:15px}.mobile-menu .menu-section ul li button{background:none;border:none;padding:0;font-family:Helvetica,Arial,sans-serif;font-weight:500;color:var(--text-primary);cursor:pointer;font-size:18px}@media(min-width: 768px){.desktop.header{z-index:1000;position:fixed;top:70px;left:0;padding-left:100px;right:0;display:flex;gap:100px;background:rgba(0,0,0,0);color:#000927;font-weight:500;transition:transform .3s ease}header.header-hidden .desktop.header{transform:translateY(-500%)}header.header-visible .desktop.header{transform:translateY(-200%);background:var(--overlay-color);height:50px;align-items:center}.hamburger{display:flex;flex-direction:column;cursor:pointer;gap:10px}.hamburger span{width:35px;height:2px;background-color:var(--text-primary);border-radius:2px;transition:all .75s ease}.hamburger span:nth-child(2){width:20px}.hamburger.open span:first-child{transform:rotate(-405deg) translate(-5px, 12px)}.hamburger.open span:nth-child(2){opacity:0;margin-left:15px;transition:all .5s ease}.hamburger.open span:last-child{transform:rotate(405deg) translate(-5px, -12px)}.nav-icon{font-size:20px;color:var(--text-primary);text-decoration:none;cursor:pointer;transition:color .2s ease}.nav-text{font-size:18px;position:relative}.nav-text .notification-badge{position:absolute;top:-13px;right:-22px;width:25px;height:25px;background:#dc3545;border-radius:50%;border:2px solid var(--bg-primary);text-align:center;font-size:1rem;color:#efefef;font-weight:800}.mobile-menu-overlay{height:100vh;background-color:var(--overlay-color)}.mobile-menu{left:70px;top:90px;width:250px;background-color:rgba(0,0,0,0);transform:translateX(-110%);transition:transform .4s ease;z-index:999;box-shadow:none;padding:20px 40px;text-align:left;font-size:18px;font-weight:500;text-transform:uppercase}.mobile-menu.open{transform:translateX(0)}.mobile-menu .menu-section{margin-bottom:50px}.mobile-menu .menu-section:last-child{margin-bottom:0}.mobile-menu .menu-section .menu-title{letter-spacing:.5px;color:var(--text-primary);border-bottom:1px solid #d0d0d0}.mobile-menu .menu-section li{padding-bottom:10px}.mobile-menu .menu-section li button{font-size:18px;text-transform:uppercase;font-weight:500}.mobile-menu .menu-section li .menu-badge{display:inline-block;background:#dc3545;color:#fff;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700;margin-left:8px;min-width:20px;text-align:center}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes slideUp{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp100{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown100{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes scaleIn{from{transform:translate(-50%, -50%) scale(0.9);opacity:0}to{transform:translate(-50%, -50%) scale(1);opacity:1}}footer{background-image:radial-gradient(circle at top left, #3585b7 0%, #000927 100%);padding:30px 30px 120px;color:#efefef;font-weight:500}footer .img-container{width:100%;display:flex;justify-content:center;margin-bottom:30px}footer .img-container img{width:200px;height:auto}footer a{color:#efefef}footer .footer-social ul{display:flex;justify-content:space-around;margin-top:0;padding:20px}footer .footer-bottom{text-align:center}@media(min-width: 768px){footer{padding:75px 100px 10px;font-size:18px;font-weight:200}footer .footer-top{display:flex;justify-content:space-between;align-items:start;gap:100px;margin-bottom:50px}footer .footer-top .img-container{width:auto;margin-bottom:0}footer .footer-top .img-container img{width:200px;height:auto}footer .footer-top .footer-contact,footer .footer-top .footer-links,footer .footer-top .footer-social{flex:1}footer .footer-top h3{margin:0;font-size:25px;font-weight:400;letter-spacing:1px}footer .footer-top hr{margin-top:-5px}footer .footer-top ul{margin-top:10px}footer .footer-top ul li{line-height:2}footer .footer-top .footer-social ul{justify-content:flex-start;gap:40px;padding:10px 0 0}}.testimonial-carousel{position:relative;width:100vw}.testimonial-carousel .testimonial-wrapper{position:relative;overflow:hidden;height:690px}.carousel-dots{display:flex;justify-content:center;gap:10px;margin-top:20px}.carousel-dots .dot{width:15px;height:15px;border-radius:50%;background-color:rgba(131,131,131,.3);cursor:pointer;transition:all .3s ease;position:relative}.carousel-dots .dot:hover{background-color:rgba(131,131,131,.5);transform:scale(1.1)}.carousel-dots .dot.active{background-color:#3585b7;transform:scale(1.2);animation:dotPulse 2s infinite}.carousel-dots .dot.active::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:16px;height:16px;border:2px solid #3585b7;border-radius:50%;opacity:.3}@media(min-width: 768px){.testimonial-carousel .testimonial-wrapper{height:535px}}@keyframes slideInFromRight{0%{transform:translateX(50px);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes slideOutToLeft{0%{transform:translateX(0);opacity:1}100%{transform:translateX(-50px);opacity:0;visibility:hidden}}@keyframes dotPulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(53,133,183,.4)}50%{transform:scale(1.05);box-shadow:0 0 0 8px rgba(53,133,183,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(53,133,183,0)}}.time-filter-trigger{margin:0 30px 20px}.time-filter-trigger .filter-btn{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-radius:50px;border:none;background:var(--btn-color);color:var(--btn-text-color);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow);gap:8px;width:100%}.time-filter-trigger .filter-btn i{font-size:16px}.time-filter-trigger .filter-btn:active{transform:translateY(0)}.time-filter-trigger .filter-btn .current-filter-display{text-align:center;color:#fff;font-size:14px;font-weight:500}.time-filter-modal,.user-filter-modal{position:fixed;display:none;top:0;left:0;width:100%;height:100%;z-index:9999;align-items:center;justify-content:center}.time-filter-modal.active,.user-filter-modal.active{display:flex}.time-filter-modal .modal-overlay,.user-filter-modal .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--bg-primary), 0.5);backdrop-filter:blur(2px);animation:fadeIn .3s ease}.time-filter-modal .modal-content,.user-filter-modal .modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:90%;max-width:500px;max-height:90vh;background:var(--bg-primary);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);animation:scaleIn .3s ease}.time-filter-modal .modal-content .modal-header,.user-filter-modal .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid var(--bg-primary)}.time-filter-modal .modal-content .modal-header h2,.user-filter-modal .modal-content .modal-header h2{margin:0;color:var(--secondary-color);font-size:22px;font-weight:600}.time-filter-modal .modal-content .modal-header .modal-close,.user-filter-modal .modal-content .modal-header .modal-close{background:none;border:none;font-size:24px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;padding:5px;line-height:1}.time-filter-modal .modal-content .modal-body,.user-filter-modal .modal-content .modal-body{padding:30px 25px}.time-filter-modal .modal-content .modal-body .filter-options,.user-filter-modal .modal-content .modal-body .filter-options{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:20px}.time-filter-modal .modal-content .modal-body .filter-options .filter-option,.user-filter-modal .modal-content .modal-body .filter-options .filter-option{padding:20px 15px;border-radius:15px;border:none;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:var(--shadow)}.time-filter-modal .modal-content .modal-body .filter-options .filter-option i,.user-filter-modal .modal-content .modal-body .filter-options .filter-option i{font-size:28px;color:var(--secondary-color)}.time-filter-modal .modal-content .modal-body .filter-options .filter-option span,.user-filter-modal .modal-content .modal-body .filter-options .filter-option span{font-size:14px;font-weight:500;text-align:center}.time-filter-modal .modal-content .modal-body .filter-options .filter-option.active,.user-filter-modal .modal-content .modal-body .filter-options .filter-option.active{background:var(--btn-color);color:var(--btn-text-color)}.time-filter-modal .modal-content .modal-body .filter-options .filter-option.active span,.user-filter-modal .modal-content .modal-body .filter-options .filter-option.active span{color:var(--btn-text-color)}.time-filter-modal .modal-content .modal-body .filter-options .filter-option.active i,.user-filter-modal .modal-content .modal-body .filter-options .filter-option.active i{color:var(--btn-text-color)}.time-filter-modal .modal-content .modal-body .custom-date-range,.user-filter-modal .modal-content .modal-body .custom-date-range{display:flex;flex-direction:column;gap:15px;background:var(--bg-primary)}.time-filter-modal .modal-content .modal-body .custom-date-range .date-input-group,.user-filter-modal .modal-content .modal-body .custom-date-range .date-input-group{display:flex;flex-direction:column;gap:8px}.time-filter-modal .modal-content .modal-body .custom-date-range .date-input-group label,.user-filter-modal .modal-content .modal-body .custom-date-range .date-input-group label{color:var(--text-primary);font-weight:500;font-size:14px}.time-filter-modal .modal-content .modal-body .custom-date-range .date-input-group input,.user-filter-modal .modal-content .modal-body .custom-date-range .date-input-group input{cursor:pointer;padding:12px 15px;border-radius:25px;border:2px solid #597389;background-color:var(--bg-primary);color:var(--text-primary);font-size:14px;transition:all .3s ease}.time-filter-modal .modal-content .modal-body .custom-date-range .date-input-group input:focus,.user-filter-modal .modal-content .modal-body .custom-date-range .date-input-group input:focus{outline:none}.time-filter-modal .modal-content .modal-body .custom-date-range .date-input-group input::-webkit-calendar-picker-indicator,.user-filter-modal .modal-content .modal-body .custom-date-range .date-input-group input::-webkit-calendar-picker-indicator{cursor:pointer;filter:var(--calendar-icon-filter, invert(0))}.time-filter-modal .modal-content .modal-footer,.user-filter-modal .modal-content .modal-footer{display:flex;gap:15px;padding:20px 25px;border-top:2px solid var(--bg-primary)}.time-filter-modal .modal-content .modal-footer button,.user-filter-modal .modal-content .modal-footer button{flex:1;padding:12px 20px;border-radius:50px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.time-filter-modal .modal-content .modal-footer button.btn-secondary,.user-filter-modal .modal-content .modal-footer button.btn-secondary{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow)}.time-filter-modal .modal-content .modal-footer button.btn-primary,.user-filter-modal .modal-content .modal-footer button.btn-primary{background:var(--btn-color);color:var(--btn-text-color);box-shadow:var(--shadow)}.time-filter-modal .modal-content .modal-footer button:active,.user-filter-modal .modal-content .modal-footer button:active{transform:translateY(0)}.order-timeline-section .section-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 20px 0;text-align:center;letter-spacing:.5px}.order-timeline-section .timeline{position:relative;display:flex;justify-content:space-between;align-items:flex-start}.order-timeline-section .timeline::before{content:"";position:absolute;top:6px;left:10%;right:10%;height:3px;background:#b7b7b7;z-index:0}.order-timeline-section .timeline::after{content:"";position:absolute;top:6px;left:10%;height:3px;background:var(--secondary-color);z-index:0;transition:width .5s ease;width:calc(80%*var(--progress)/100)}.order-timeline-section .timeline[data-progress="0"]::after{width:0%}.order-timeline-section .timeline[data-progress="25"]::after{width:20%}.order-timeline-section .timeline[data-progress="50"]::after{width:40%}.order-timeline-section .timeline[data-progress="75"]::after{width:60%}.order-timeline-section .timeline[data-progress="100"]::after{width:80%}.order-timeline-section .timeline .timeline-step{position:relative;display:flex;flex-direction:column;align-items:center;flex:1;z-index:1}.order-timeline-section .timeline .timeline-step .timeline-dot{width:15px;height:15px;border-radius:50%;background:#b7b7b7;transition:all .3s ease;margin-bottom:15px}.order-timeline-section .timeline .timeline-step.completed .timeline-dot{background:var(--secondary-color)}.order-timeline-section .timeline .timeline-step .timeline-content{text-align:center}.order-timeline-section .timeline .timeline-step .timeline-content .timeline-title{font-size:13px;font-weight:500;color:var(--text-primary);margin:0;white-space:nowrap;opacity:.5;transition:opacity .3s ease}.order-timeline-section .timeline .timeline-step.completed .timeline-content .timeline-title{opacity:1}@media(min-width: 768px){.order-timeline-section{padding:0 50px 20px}.order-timeline-section .section-title{font-size:20px;margin-bottom:25px}.order-timeline-section .timeline::before,.order-timeline-section .timeline::after{top:10px;height:5px}.order-timeline-section .timeline .timeline-step .timeline-dot{width:25px;height:25px}.order-timeline-section .timeline .timeline-step .timeline-content .timeline-title{font-size:15px}.order-timeline-section .timeline.vertical{gap:30px}.order-timeline-section .timeline.vertical .timeline-step{gap:20px}.order-timeline-section .timeline.vertical .timeline-step .timeline-dot{margin-top:3px}.order-timeline-section .timeline.vertical .timeline-step .timeline-dot i{font-size:13px}.order-timeline-section .timeline.vertical .timeline-step .timeline-content .timeline-title{font-size:17px}.order-timeline-section .timeline.vertical .timeline-step .timeline-content .timeline-status{font-size:12px;padding:4px 12px}.order-timeline-section .timeline.vertical .timeline-step .timeline-content .timeline-date{font-size:13px;margin-bottom:10px}.order-timeline-section .timeline.vertical .timeline-step .timeline-content .timeline-details{padding:15px}.order-timeline-section .timeline.vertical .timeline-step .timeline-content .timeline-details p{font-size:14px;margin-bottom:8px}.order-timeline-section .timeline.vertical .timeline-step .timeline-content .timeline-action .btn{font-size:14px;padding:10px 18px}}@media(min-width: 768px)and (min-width: 1024px){.order-timeline-section .section-title{font-size:22px}.order-timeline-section .timeline.vertical .timeline-step .timeline-dot{width:35px;height:35px}.order-timeline-section .timeline.vertical .timeline-step .timeline-dot i{font-size:16px}.order-timeline-section .timeline.vertical .timeline-step .timeline-content .timeline-title{font-size:18px}.order-timeline-section .timeline.vertical .timeline-step .timeline-content .timeline-status{font-size:13px}.order-timeline-section .timeline.vertical .timeline-step .timeline-content .timeline-date{font-size:14px}.order-timeline-section .timeline.vertical .timeline-step .timeline-content .timeline-details{padding:18px}.order-timeline-section .timeline.vertical .timeline-step .timeline-content .timeline-details p{font-size:15px}}[data-theme=dark] .order-timeline-section .timeline::before{background:linear-gradient(to right, var(--secondary-color) 0%, var(--secondary-color) var(--progress, 0%), #4b5563 var(--progress, 0%), #4b5563 100%)}[data-theme=dark] .order-timeline-section .timeline .timeline-step .timeline-dot{background:#4b5563;box-shadow:0 2px 8px rgba(0,0,0,.3)}[data-theme=dark] .order-timeline-section .timeline .timeline-step.completed .timeline-dot{background:var(--secondary-color);box-shadow:0 0 0 4px rgba(77,186,255,.15),0 2px 8px rgba(0,0,0,.3)}[data-theme=dark] .order-timeline-section .timeline.vertical .timeline-step .timeline-content .timeline-details{background:rgba(0,0,0,.2)}[data-theme=dark] .order-timeline-section .timeline.vertical .timeline-step .timeline-content .timeline-status.disabled{background:hsla(0,0%,100%,.05);color:#6b7280}.hero-container{position:relative;width:100vw;height:100vh;overflow:hidden}.hero-container .bg-design{z-index:-1;position:absolute;background-color:var(--design-top-color);font-size:500px;font-weight:400;color:rgba(0,0,0,0);text-shadow:6px 6px 12px var(--design-bottom-color);background-clip:text}.hero-container .japanese{top:-100px;left:-200px}.hero-container .english{bottom:-100px;right:-150px}.hero-container .hero-text{text-align:center;padding-top:75px}.hero-container .hero-text .logo-text{font-family:"Good Times",Arial,sans-serif;font-size:30vw;color:#3585b7}.hero-container .hero-text h1{font-family:Arial;text-transform:uppercase;margin-top:-40px;font-size:4vw}.hero-container .hero-text p{padding:auto 30px;margin:0 auto}.hero-container .cards{padding:40px 30px}.intro-container{margin-top:-375px;padding:0 20px;text-align:center}.intro-container h2{text-transform:uppercase;font-size:30px;margin-bottom:0;line-height:1.2}.intro-container p{margin-top:0}.steps-container{background-image:radial-gradient(circle at top left, #3585b7 0%, #000927 100%);padding:30px;color:#efefef}.steps-container ul{padding-left:0}.steps-container ul li{display:flex;gap:20px;padding-bottom:20px}.steps-container ul li:last-child{padding-bottom:0}.steps-container ul li .step{display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:600;background:#efefef;color:#000927;width:30px;height:30px;border-radius:50%}.info-container{padding:30px}.info-container .info-section{display:flex;flex-direction:column;gap:20px}.info-container img{width:100%;border-radius:25px}.services-container{padding:30px;margin-bottom:50px}.services-container img{width:100%;border-radius:25px}.services-container .info-card-wrapper{padding-top:20px}.services-container .info-card-wrapper .info-card{margin-bottom:30px}.services-container .info-card-wrapper .info-card p{margin-bottom:0}.services-container .more-services{padding:10px;font-weight:500}.testimonials-container{padding-bottom:50px}.testimonials-container h2{margin-bottom:0}@media(min-width: 768px){p{font-size:25px}.hero-container{height:100vh;padding:0}.hero-container .japanese{font-size:700px;top:-250px;left:auto;right:200px}.hero-container .english{font-size:850px;bottom:-400px;right:-120px}.hero-container .hero-text{display:flex;flex-direction:column;justify-content:center;padding-left:100px;height:100%;text-align:left}.hero-container .hero-text h1{font-weight:100;line-height:1;text-transform:initial;color:#3585b7;font-size:80px;margin-bottom:0;width:400px}.hero-container .hero-text p{font-size:25px;margin-left:0;margin-bottom:50px;width:400px}.hero-container .hero-text .btns{display:flex;gap:50px}.hero-container .hero-text .btns .btn{padding:10px;width:200px;font-size:20px;font-weight:500;letter-spacing:1px}.hero-container .cards{display:none}.intro-container{margin-top:0;margin-bottom:100px;padding:0 100px;text-align:center}.intro-container h2{text-transform:initial;margin-bottom:0;line-height:1.2}.intro-container p{margin-top:0}.steps-container .section-title{margin-bottom:0}.steps-container ul{display:flex;justify-content:space-between;gap:20px;padding:0 100px}.steps-container ul li{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-bottom:0}.steps-container ul li .step{display:block;font-size:100px;font-weight:300;background:rgba(0,0,0,0);color:#3585b7;width:auto;height:100px}.steps-container ul li .step-text{font-weight:500}.info-container{padding:100px 100px 0}.info-container .info-section{flex-direction:row;justify-content:space-between;align-items:center;gap:50px}.info-container .info-section>*{flex:1}.info-container .info-section h2{font-size:35px !important}.info-container .info-section .info-card-wrapper{display:flex;justify-content:space-around}.info-container .info-section .info-card-wrapper .info-card{display:flex;flex-direction:column;justify-content:center;margin-bottom:0;width:500px;height:300px}.info-container .info-section .info-card-wrapper .info-card h2{font-size:30px !important}.info-container .info-section.reverse{margin-top:100px;flex-direction:row-reverse}.services-container{padding:100px}.services-container .services-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:50px}.services-container .services-section>*{flex:1}.services-container .services-section h2{font-size:35px !important}.services-container .services-section .cards{padding-top:25px;gap:20px}}.login-page{min-height:100vh;background:var(--bg-primary);padding:20px}.login-page .img-container{text-align:center}.login-page .img-container img{padding-top:100px;padding-bottom:75px;max-width:100px;height:auto}.login-page .img-container .logo-dark{display:none}.login-page .register-container{margin-top:50px;text-align:center}.login-page .register-container p{font-size:25px;color:#666}.login-page .register-container p a{color:var(--text-primary);font-weight:400;cursor:pointer}@media(min-width: 768px){.login-page{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-page .desktop{text-align:center}.login-page .desktop span{font-family:"Good Times",Arial,sans-serif;font-size:125px;color:#3585b7}.login-page .desktop h1{font-family:Arial;text-transform:uppercase;margin-top:-40px;font-size:15px;letter-spacing:1px;padding-bottom:10px}.login-page .register-container{margin-top:10px}}[data-theme=dark] .login-page .logo-light{display:none}[data-theme=dark] .login-page .logo-dark{display:inline}.register-page{background:var(--bg-primary);text-align:center;padding:20px 20px 50px}.register-page .img-container img{padding-top:50px;max-width:100px;height:auto}.register-page .img-container .logo-dark{display:none}.register-page h1{margin-bottom:0;color:#3585b7;line-height:1.2;font-size:35px !important}.register-page .login-container p{margin-top:0;font-size:20px;color:#666}.register-page .login-container p a{color:var(--text-primary);font-weight:400;cursor:pointer}@media(min-width: 768px){.register-page{padding-top:150px}}[data-theme=dark] .register-page .logo-light{display:none}[data-theme=dark] .register-page .logo-dark{display:inline}.dashboard-container .dashboard-header h1{text-align:center}.dashboard-container .status-section,.dashboard-container .chart-section{margin:20px 30px 30px;padding:20px;border-radius:15px;box-shadow:var(--inset-shadow)}.dashboard-container .status-section h3,.dashboard-container .chart-section h3{text-align:center;margin:0 0 20px;color:var(--text-primary);font-weight:300;font-size:25px;letter-spacing:.5px}.dashboard-container .status-section #request-list,.dashboard-container .chart-section #request-list{padding:0 20px 20px;height:400px;overflow-y:scroll}.dashboard-container .status-section #request-list .request-list-container .request-item,.dashboard-container .chart-section #request-list .request-list-container .request-item{display:flex;justify-content:space-between;font-size:14px;color:#597389;padding-top:20px;border-bottom:1px solid #597389;text-decoration:none;transition:opacity .2s ease,transform .1s ease}.dashboard-container .status-section #request-list .request-list-container .request-item h4,.dashboard-container .chart-section #request-list .request-list-container .request-item h4{margin:0;font-weight:500}.dashboard-container .status-section #request-list .request-list-container .request-item:active,.dashboard-container .chart-section #request-list .request-list-container .request-item:active{transform:translateX(3px)}.dashboard-container .status-section #request-list .request-list-container .request-item:first-child,.dashboard-container .chart-section #request-list .request-list-container .request-item:first-child{padding-top:0}.dashboard-container .status-section #request-list .request-list-container .empty-state,.dashboard-container .chart-section #request-list .request-list-container .empty-state{display:flex;flex-direction:column;align-items:center;padding:60px 20px;color:var(--text-primary);opacity:.5}.dashboard-container .status-section #request-list .request-list-container .empty-state i,.dashboard-container .chart-section #request-list .request-list-container .empty-state i{font-size:48px;margin-bottom:15px;display:block}.dashboard-container .status-section #request-list .request-list-container .empty-state p,.dashboard-container .chart-section #request-list .request-list-container .empty-state p{font-size:18px;margin:0}.dashboard-container .status-section .chart-bars,.dashboard-container .chart-section .chart-bars{display:flex;flex-direction:column;gap:10px}.dashboard-container .status-section .chart-bars .chart-bar .bar-label,.dashboard-container .chart-section .chart-bars .chart-bar .bar-label{font-size:14px;color:#597389;margin-bottom:0;font-weight:500}.dashboard-container .status-section .chart-bars .chart-bar .bar-container,.dashboard-container .chart-section .chart-bars .chart-bar .bar-container{background:var(--bg-primary);border-radius:0 50px 50px 0;height:20px;position:relative;overflow:hidden;box-shadow:var(--inset-shadow)}.dashboard-container .status-section .chart-bars .chart-bar .bar-container .bar-fill,.dashboard-container .chart-section .chart-bars .chart-bar .bar-container .bar-fill{display:flex;align-items:center;justify-content:flex-end;background:var(--btn-color);height:100%;border-radius:0 50px 50px 0;min-width:40px;transition:width .5s ease;position:relative}.dashboard-container .status-section .chart-bars .chart-bar .bar-container .bar-fill .bar-value,.dashboard-container .chart-section .chart-bars .chart-bar .bar-container .bar-fill .bar-value{font-size:14px;font-weight:700;color:#efefef;text-shadow:0 1px 2px rgba(0,0,0,.2);padding-right:10px}.dashboard-container .status-section .referral-stats,.dashboard-container .chart-section .referral-stats{display:flex;gap:75px;color:#597389}.dashboard-container .status-section .referral-stats .referral-item,.dashboard-container .chart-section .referral-stats .referral-item{display:flex;flex-direction:column;padding-bottom:10px;line-height:1.2}.dashboard-container .status-section .referral-stats .referral-item .referral-label,.dashboard-container .chart-section .referral-stats .referral-item .referral-label{font-weight:600}.dashboard-container .status-section .translator-count,.dashboard-container .chart-section .translator-count{text-align:center;height:90px}.dashboard-container .status-section .translator-count .count-wrapper,.dashboard-container .chart-section .translator-count .count-wrapper{margin-top:40px}.dashboard-container .status-section .translator-count .count-wrapper .count-number,.dashboard-container .chart-section .translator-count .count-wrapper .count-number{background-image:radial-gradient(circle at top left, #3585b7 0%, #000927 100%);border-radius:150px;padding:30px 42.1px;color:#efefef;font-size:40px}.dashboard-container .loading-spinner{display:flex;justify-content:center;align-items:center;padding:40px}.dashboard-container .loading-spinner .spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-top-color:var(--secondary-color);border-radius:50%;animation:spin .8s linear infinite}.dashboard-container .empty-state-chart{text-align:center;padding:60px 20px;color:var(--text-primary);opacity:.5}.dashboard-container .empty-state-chart i{font-size:48px;margin-bottom:15px;display:block}.dashboard-container .empty-state-chart p{font-size:16px;margin:0}@media(min-width: 768px){.dashboard-container{margin-top:140px}.dashboard-container .dashboard-header h1{font-size:50px;margin:0}.dashboard-container .time-filter-trigger{margin:30px 100px}.dashboard-container .time-filter-trigger .filter-btn{font-size:16px;padding:14px 28px;width:auto}.dashboard-container .time-filter-trigger .filter-btn i{font-size:18px}.dashboard-container .time-filter-trigger .current-filter-display{font-size:16px}.dashboard-container .time-filter-modal .modal-content{max-width:600px}.dashboard-container .time-filter-modal .modal-content .modal-body .filter-options{gap:20px}.dashboard-container .time-filter-modal .modal-content .modal-body .filter-options .filter-option{padding:25px 20px}.dashboard-container .time-filter-modal .modal-content .modal-body .filter-options .filter-option i{font-size:36px}.dashboard-container .time-filter-modal .modal-content .modal-body .filter-options .filter-option span{font-size:16px}.dashboard-container .status-section{display:flex;justify-content:center;gap:50px;margin:30px 100px;padding:50px}.dashboard-container .status-section h3{display:none}.dashboard-container .status-section #dashboard-status{width:50%}.dashboard-container .status-section #request-list{width:50%;padding:0}.dashboard-container .status-section #request-list .request-list-container .request-item{font-size:18px}.dashboard-container .charts-container{display:flex;justify-content:space-between;margin:50px 100px;gap:50px}.dashboard-container .charts-container .chart-section{margin:0;width:33%;padding:30px}.dashboard-container .charts-container .chart-section .referral-stats{gap:100px}.dashboard-container .charts-container .chart-section .translator-count .count-wrapper{margin-top:60px}.dashboard-container .charts-container .chart-section .translator-count .count-wrapper .count-number{padding:50px 77px;font-size:6vw}}.users-container{margin:30px;max-width:90vw}.users-container .users-header{margin-bottom:30px}.users-container .users-header h1{text-align:center;margin-bottom:0}.users-container .users-header-stats{display:flex;justify-content:space-between}.users-container .users-header-stats .stat-badge{color:#597389;font-size:14px;font-weight:500}.users-container .user-controls{margin-bottom:30px}.users-container .user-controls .search-form{display:flex;flex-direction:column;gap:15px}.users-container .user-controls .search-form .form-row{display:flex;align-items:center;gap:15px}.users-container .user-controls .search-form .form-row .filter{padding:15px;font-size:16px}.users-container .user-controls .search-form .form-row span{font-size:14px;color:#597389}.users-container .user-controls .search-form .form-row .clear{font-size:14px;padding:10px 12px}.users-container .user-content-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}.users-container .user-content-grid .user-list-column{position:sticky;top:20px;max-height:75vh;overflow-y:auto;scrollbar-width:none}.users-container .user-content-grid .user-list-column::-webkit-scrollbar{display:none}.users-container .user-content-grid .user-list-column .user-list{display:flex;flex-direction:column}.users-container .user-content-grid .user-list-column .user-list .user-card{display:flex;justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:5px;border-bottom:1px solid #597389}.users-container .user-content-grid .user-list-column .user-list .user-card h3{margin:0;font-size:18px;color:var(--text-primary)}.users-container .user-content-grid .user-list-column .user-list .user-card .user-card-badges{display:flex;gap:5px}.users-container .user-content-grid .user-list-column .user-list .user-card .user-card-badges .badge{padding:5px 10px;font-size:12px;font-weight:600;border-radius:25px;background:#3585b7;color:var(--btn-text-color)}.user-detail-modal{position:fixed;display:none;top:0;left:0;width:100%;height:100%;z-index:9999}.user-detail-modal.active{display:block}.user-detail-modal.closing .modal-content{animation:slideDown100 .5s ease-in-out forwards}.user-detail-modal.closing .modal-overlay{animation:fadeOut .3s ease forwards}.user-detail-modal .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--bg-primary), 0.5);backdrop-filter:blur(2px);animation:fadeIn .3s ease}.user-detail-modal .modal-content{position:absolute;bottom:0;left:5%;right:5%;max-height:90vh;background:var(--bg-primary);border-radius:25px 25px 0 0;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);animation:slideUp100 .5s ease-in-out}.user-detail-modal .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid var(--bg-primary)}.user-detail-modal .modal-content .modal-header h2{margin:0;color:var(--secondary-color);font-size:1.5rem}.user-detail-modal .modal-content .modal-header .modal-close{background:none;border:none;font-size:2rem;color:var(--text-primary);cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.user-detail-modal .modal-content .modal-header .modal-close:hover{background:var(--design-top-color)}.user-detail-modal .modal-content .user-detail-content{animation:fadeIn .3s ease}.user-detail-modal .modal-content .user-detail-content .user-detail-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;margin-bottom:20px}.user-detail-modal .modal-content .user-detail-content .user-detail-header .user-avatar-large{width:100px;height:100px;border-radius:50%;background:var(--btn-color);color:var(--btn-text-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:40px;box-shadow:var(--shadow);flex-shrink:0}.user-detail-modal .modal-content .user-detail-content .user-detail-header .user-detail-title{flex:1}.user-detail-modal .modal-content .user-detail-content .user-detail-header .user-detail-title h2{margin:0 0 5px;color:var(--secondary-color);font-size:28px}.user-detail-modal .modal-content .user-detail-content .user-detail-header .user-detail-title .user-email{margin:0 0 5px 0;font-size:16px;color:var(--text-primary);opacity:.8}.user-detail-modal .modal-content .user-detail-content .user-detail-header .user-detail-title .user-badges{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.user-detail-modal .modal-content .user-detail-content .user-detail-header .user-detail-title .user-badges .badge{text-transform:lowercase;padding:5px 15px;background:#3585b7;border-radius:50px;color:var(--btn-text-color);font-size:14px;font-weight:500;letter-spacing:.5px}.user-detail-modal .modal-content .user-detail-content .user-detail-sections{display:flex;flex-direction:column;gap:20px}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section{position:relative;box-shadow:var(--inset-shadow);border-radius:15px;padding:20px}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section h3{text-align:center;margin:0 0 20px;color:#597389;font-weight:600;font-size:20px}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section .btn-edit,.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section .btn-cancel{position:absolute;top:23px;right:23px;border:none;background:rgba(0,0,0,0);padding:0}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section .btn-edit i,.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section .btn-cancel i{font-size:20px;color:#597389}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section .detail-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:25px;margin-top:10px}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section .detail-grid .detail-item label{display:block;font-size:14px;color:#597389;text-transform:uppercase;letter-spacing:.5px}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section .detail-grid .detail-item span{display:block;font-size:16px;font-weight:600;color:var(--text-primary);font-weight:500}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section .edit-mode input,.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section .edit-mode select{font-size:20px}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section .edit-mode .detail-item label{width:fit-content;margin-bottom:15px;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section .edit-mode .detail-item label input{display:none}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section .edit-mode .detail-item label span{padding:5px 15px;border-radius:15px;background:var(--btn-color);color:var(--btn-text-color);box-shadow:var(--shadow);transition:all .3s ease}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section .edit-mode .detail-item label:has(input[type=checkbox]:checked) span{background:var(--btn-color-selected);color:#efefef;box-shadow:var(--inset-shadow-selected)}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section .edit-mode .checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:normal}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section .edit-mode .checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section .edit-mode .checkbox-label span{font-size:14px;color:var(--text-primary)}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section .edit-mode .form-actions{margin-top:20px}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section .edit-mode .form-actions .btn{width:100%}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section.users{padding:20px 0 0}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section .user-orders-list{max-height:500px;overflow-y:auto;padding:20px}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section .user-orders-list .order-details{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 20px;box-shadow:var(--shadow);border-radius:25px;margin-bottom:20px}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section .user-orders-list .order-details .order-detail-item{font-size:14px;color:var(--text-primary);margin:0}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section .no-orders{text-align:center;padding:2rem;color:var(--text-primary);opacity:.6;font-style:italic}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section form{display:flex;flex-direction:column;gap:15px;width:100%}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section form textarea{border-radius:15px;border:none;background:rgba(0,0,0,0);color:var(--text-primary);font-size:16px;font-family:inherit;resize:vertical;min-height:150px;transition:all .3s ease;scrollbar-width:thin;scrollbar-color:var(--secondary-color) var(--bg-primary)}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section form textarea::-webkit-scrollbar{width:8px}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section form textarea::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:10px}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section form textarea::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:10px}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section form button{padding:10px;font-weight:600}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section.timeline{box-shadow:none;padding:0}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section.timeline .form-wrapper{box-shadow:var(--inset-shadow);border-radius:15px;padding:20px}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section.timeline .timeline-list{display:flex;flex-direction:column;gap:20px;margin-top:20px;position:relative;padding-left:30px}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section.timeline .timeline-list::before{content:"";position:absolute;left:15px;top:-17px;bottom:10px;width:2px;background:#b4b4b4;opacity:.9}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section.timeline .timeline-entry{position:relative;padding:15px 20px;background:var(--card-bg);border-radius:15px;box-shadow:var(--shadow);transition:all .3s ease}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section.timeline .timeline-entry .marker{z-index:1;position:absolute;left:-21px;top:20px;width:12px;height:12px;border-radius:50px}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section.timeline .timeline-entry.timeline-entry-system .marker{background:#b4b4b4;opacity:.9}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section.timeline .timeline-entry.timeline-entry-staff .marker{background:#597389}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section.timeline .timeline-entry.timeline-entry-user .marker{background:var(--secondary-color)}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section.timeline .timeline-entry .timeline-content{display:flex;flex-direction:column;gap:8px}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section.timeline .timeline-entry .timeline-content .timeline-date{font-size:12px;color:var(--tertiary-color);opacity:.5;font-weight:500;font-style:italic}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section.timeline .timeline-entry .timeline-content .timeline-name{font-weight:600;color:var(--text-primary);font-size:15px}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section.timeline .timeline-entry .timeline-content .timeline-message{color:var(--text-primary);line-height:1.5;font-size:14px}.user-detail-modal .modal-content .user-detail-content .user-detail-sections .detail-section.timeline .no-timeline{text-align:center;color:var(--tertiary-color);padding:40px 20px;font-style:italic}.user-detail-modal .modal-content .modal-body{flex:1;overflow-y:auto;padding:1rem;background:var(--bg-primary);scrollbar-width:none}.user-detail-modal .modal-content .modal-body::-webkit-scrollbar{display:none}.user-detail-modal .modal-content .modal-body .user-detail-content{padding:0}.user-detail-modal .modal-content .modal-body .user-detail-panel{box-shadow:none;padding:0}.user-detail-modal .modal-content .modal-body .empty-state{text-align:center;padding:3rem 1rem;color:var(--text-primary);opacity:.6}.user-detail-modal .modal-content .modal-body .empty-state p{margin:0;font-size:1.1rem}@media(min-width: 768px){.users-container{margin:175px auto 100px}.users-container .users-header h1{font-size:80px;margin-bottom:0}.users-container .users-header-stats{justify-content:flex-start;gap:50px}.users-container .users-header-stats .stat-badge{font-size:20px}.users-container .user-controls .search-form .form-row .filter{border-radius:50px}.users-container .user-content-grid{grid-template-columns:1fr 2fr}.users-container .user-content-grid .user-list-column{top:0;height:50vh;padding:15px}.users-container .user-content-grid .user-list-column .user-list .user-card{cursor:pointer;border-bottom:none;border-radius:15px;padding:20px;margin-bottom:20px;box-shadow:var(--shadow)}.users-container .user-content-grid .user-list-column .user-list .user-card .email{font-size:14px;color:#3585b7;margin:5px 0 0}.users-container .user-content-grid .user-list-column .user-list .user-card.active{background:#597389}.users-container .user-content-grid .user-list-column .user-list .user-card.active h3,.users-container .user-content-grid .user-list-column .user-list .user-card.active .email{color:#efefef}.users-container .user-content-grid .user-detail-column{min-height:500px;padding:15px}.users-container .user-content-grid .user-detail-column .user-detail-panel{background:var(--bg-primary);border-radius:15px;padding:20px;height:47.5vh;box-shadow:var(--shadow)}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-header{padding-bottom:20px}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-header .user-detail-title h2{margin:0;color:var(--secondary-color);font-size:35px}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-header .user-detail-title .user-badges{margin-right:15px}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-header .user-detail-title .user-badges .badge{text-transform:lowercase;padding:5px 15px;background:var(--text-primary);border-radius:50px;font-size:15px;color:var(--btn-text-color);font-weight:500;letter-spacing:.5px}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections{display:flex;flex-direction:column;gap:20px;height:39vh;overflow-y:scroll}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section{position:relative;box-shadow:var(--inset-shadow);border-radius:15px;padding:20px}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section h3{text-align:center;margin:0 0 20px;color:#597389;font-weight:600;font-size:25px}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section .btn-edit,.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section .btn-cancel{cursor:pointer;position:absolute;top:23px;right:23px;border:none;background:rgba(0,0,0,0);padding:0}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section .btn-edit i,.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section .btn-cancel i{font-size:25px;color:#597389}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section .detail-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:25px;margin-top:10px}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section .detail-grid .detail-item label{display:block;font-size:16px;color:#597389;text-transform:uppercase;letter-spacing:.5px}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section .detail-grid .detail-item span{display:block;font-size:20px;font-weight:600;color:var(--text-primary);font-weight:500;word-wrap:break-word;overflow-wrap:break-word}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section .edit-mode input,.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section .edit-mode select{font-size:18px}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section .edit-mode .detail-grid{gap:20px}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section .edit-mode .detail-grid .detail-item:nth-last-child(2){grid-column:span 3}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section .edit-mode .detail-item .role-flags{display:flex;gap:15px}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section .edit-mode .detail-item .role-flags label{cursor:pointer;width:fit-content;margin-bottom:15px;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section .edit-mode .detail-item .role-flags label input{display:none}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section .edit-mode .detail-item .role-flags label span{padding:5px 15px;border-radius:50px;background:var(--btn-color);font-size:14px;color:var(--btn-text-color);box-shadow:var(--shadow);transition:all .3s ease}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section .edit-mode .detail-item .role-flags label:has(input[type=checkbox]:checked) span{background:var(--btn-color-selected);color:#efefef;box-shadow:var(--inset-shadow-selected)}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section .edit-mode .detail-item.btn-active label{cursor:pointer;width:fit-content;margin-bottom:15px;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section .edit-mode .detail-item.btn-active label input{display:none}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section .edit-mode .detail-item.btn-active label span{padding:5px 15px;border-radius:50px;background:var(--btn-color);font-size:14px;color:var(--btn-text-color);box-shadow:var(--shadow);transition:all .3s ease}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section .edit-mode .detail-item.btn-active label:has(input[type=checkbox]:checked) span{background:var(--btn-color-selected);color:#efefef;box-shadow:var(--inset-shadow-selected)}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section .edit-mode .form-actions{margin-top:20px;display:flex;justify-content:space-around}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section .edit-mode .form-actions .btn{padding:10px 25px;font-size:25px;width:fit-content}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section.users .user-orders-list{display:flex;flex-wrap:wrap;gap:20px}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section.users .order-details{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 20px;box-shadow:var(--shadow);border-radius:25px;margin-bottom:20px;width:calc(50% - 50px)}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section.users .order-details:nth-child(even){margin-right:0}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section.users .order-details .order-detail-item{font-size:14px;color:var(--text-primary);margin:0}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section form{display:flex;flex-direction:column;gap:15px;width:100%}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section form textarea{border-radius:15px;border:none;background:rgba(0,0,0,0);color:var(--text-primary);font-size:18px;font-family:inherit;resize:vertical;min-height:150px;transition:all .3s ease;scrollbar-width:thin;scrollbar-color:var(--secondary-color) var(--bg-primary)}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section form textarea::-webkit-scrollbar{width:8px}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section form textarea::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:10px}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section form textarea::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:10px}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section form button{padding:10px 25px;margin:10px auto;font-size:25px;width:fit-content}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section.timeline{box-shadow:none;padding:0}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section.timeline .form-wrapper{box-shadow:var(--inset-shadow);border-radius:15px;padding:20px}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section.timeline .timeline-list{display:flex;flex-direction:column;gap:20px;position:relative;padding:20px 30px;margin:20px auto}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section.timeline .timeline-list::before{content:"";position:absolute;left:15px;top:-17px;bottom:10px;width:2px;background:#b4b4b4;opacity:.9}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section.timeline .timeline-entry{position:relative;padding:15px 20px;margin-bottom:10px;background:var(--card-bg);border-radius:15px;box-shadow:var(--shadow);transition:all .3s ease}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section.timeline .timeline-entry .marker{z-index:1;position:absolute;left:-21px;top:20px;width:12px;height:12px;border-radius:50px}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section.timeline .timeline-entry.timeline-entry-system .marker{background:#b4b4b4;opacity:.9}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section.timeline .timeline-entry.timeline-entry-staff .marker{background:#597389}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section.timeline .timeline-entry.timeline-entry-user .marker{background:var(--secondary-color)}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section.timeline .timeline-entry .timeline-content{display:flex;flex-direction:column;gap:8px}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section.timeline .timeline-entry .timeline-content .timeline-date{font-size:12px;color:var(--tertiary-color);opacity:.5;font-weight:500;font-style:italic}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section.timeline .timeline-entry .timeline-content .timeline-name{font-weight:600;color:var(--text-primary);font-size:15px}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section.timeline .timeline-entry .timeline-content .timeline-message{color:var(--text-primary);line-height:1.5;font-size:18px}.users-container .user-content-grid .user-detail-column .user-detail-panel .user-detail-content .user-detail-sections .detail-section.timeline .no-timeline{text-align:center;color:var(--tertiary-color);padding:40px 20px;font-style:italic}}.profile-page .profile-container{padding:30px}.profile-page .profile-container .profile-header{text-align:center}.profile-page .profile-container .profile-header .profile-avatar-large{width:100px;height:100px;margin:0 auto 10px;border-radius:50%;background:var(--btn-color);color:var(--btn-text-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:40px;box-shadow:var(--shadow);flex-shrink:0}.profile-page .profile-container .profile-header h2{margin:0 0 5px;color:var(--text-primary);font-size:28px}.profile-page .profile-container .profile-header .btn-contact-staff{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg, var(--secondary-color), var(--primary-color));color:#fff;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;margin-top:1rem;box-shadow:0 4px 12px rgba(0,0,0,.15)}.profile-page .profile-container .profile-header .btn-contact-staff i{font-size:1.25rem}.profile-page .profile-container .profile-header .btn-contact-staff:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.profile-page .profile-container .profile-header .btn-contact-staff:active{transform:translateY(0)}.profile-page .profile-container .profile-content .profile-steps-section{grid-column:1/-1;margin-bottom:30px}.profile-page .profile-container .profile-content .profile-section{position:relative;box-shadow:var(--inset-shadow);border-radius:15px;padding:20px;margin-bottom:20px}.profile-page .profile-container .profile-content .profile-section h3{text-align:center;text-transform:capitalize;margin:0 0 20px;color:#597389;font-weight:600;font-size:20px}.profile-page .profile-container .profile-content .profile-section .btn-edit,.profile-page .profile-container .profile-content .profile-section .btn-cancel{position:absolute;top:23px;right:23px;border:none;background:rgba(0,0,0,0);padding:0}.profile-page .profile-container .profile-content .profile-section .btn-edit i,.profile-page .profile-container .profile-content .profile-section .btn-cancel i{font-size:20px;color:#597389}.profile-page .profile-container .profile-content .profile-section .profile-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:25px;margin-top:10px}.profile-page .profile-container .profile-content .profile-section .profile-grid .profile-item label{display:block;font-size:14px;color:#597389;text-transform:uppercase;letter-spacing:.5px}.profile-page .profile-container .profile-content .profile-section .profile-grid .profile-item span{display:block;font-size:20px;font-weight:600;color:var(--text-primary);font-weight:500;word-wrap:break-word}.profile-page .profile-container .profile-content .profile-section.orders{padding:20px 0}.profile-page .profile-container .profile-content .profile-section.orders .requests-list{max-height:500px;overflow-y:auto;padding:20px}.profile-page .profile-container .profile-content .profile-section.orders .requests-list .request-card{display:block;padding:20px;box-shadow:var(--shadow);border-radius:15px;margin-bottom:30px;text-decoration:none;background:var(--bg-primary);transition:all .3s ease}.profile-page .profile-container .profile-content .profile-section.orders .requests-list .request-card-header .status-badge{margin-left:auto;float:right}.profile-page .profile-container .profile-content .profile-section.orders .requests-list .request-card-header .request-item{clear:both;font-size:18px;font-weight:600;color:var(--text-primary);margin:0;text-align:left}.profile-page .profile-container .profile-content .profile-section.orders .requests-list .request-card-body .request-meta{display:flex;gap:10px;flex-wrap:wrap}.profile-page .profile-container .profile-content .profile-section.orders .requests-list .request-card-body .request-meta span{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-muted)}.profile-page .profile-container .profile-content .profile-section.orders .requests-list .request-card-body .request-meta span i{color:var(--secondary-color)}.profile-page .profile-container .profile-content .profile-section.orders .no-requests{padding:20px;text-align:center}.profile-page .profile-container .profile-content .profile-section.orders .no-requests a{margin-top:15px}.user-detail-modal .modal-content .modal-body{padding-bottom:50px}.user-detail-modal .modal-content .modal-body .profile-edit-form .detail-section .detail-item{margin-bottom:20px}.user-detail-modal .modal-content .modal-body .profile-edit-form .form-actions{width:100%}.user-detail-modal .modal-content .modal-body .profile-edit-form .form-actions button{width:100%;font-size:20px;padding:12px 0}@media(min-width: 768px){.profile-container{margin:75px auto 0}.profile-container .profile-header h1{font-size:80px;margin-bottom:10px}.profile-container .profile-header .profile-avatar-large{display:none !important}.profile-container .profile-content{display:grid;grid-template-columns:1fr 1fr;gap:30px}.profile-container .profile-content .profile-section .btn-edit,.profile-container .profile-content .profile-section .btn-cancel{cursor:pointer}.profile-container .profile-content .profile-section .profile-grid{grid-template-columns:repeat(3, 1fr) !important}.profile-container .profile-content .profile-section .profile-grid .profile-item{margin-bottom:10px}.profile-container .profile-content .profile-section.orders .requests-list{height:300px;overflow-y:scroll}.user-detail-modal .modal-content .modal-body .profile-edit-form .detail-section .detail-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;margin-bottom:10px}.user-detail-modal .modal-content .modal-body .profile-edit-form .form-actions button{margin-top:50px}}body:has(.conversation-container) .messages-container{display:none !important}.messaging-container{margin:0 auto;padding:20px}.messaging-container .messaging-header{margin-bottom:20px}.messaging-container .messaging-header h1{text-align:center}.messaging-container .messaging-header .messaging-search form{display:flex;gap:10px}.messaging-container .messaging-header .messaging-search form .search-input{flex:1;border-radius:25px;background:var(--bg-secondary);color:var(--text-primary);font-size:20px}.messaging-container .messaging-header .messaging-search form .search-input:focus{outline:none}.messaging-container .messaging-header .messaging-search form .btn-search{background:var(--secondary-color);color:var(--btn-text-color);border:none;border-radius:25px;width:50px;height:50px;cursor:pointer;transition:all .3s ease}.messaging-container .messaging-header .messaging-search form .btn-search i{font-size:20px}.conversations-list{display:flex;flex-direction:column;gap:1rem}.conversation-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color, #ddd);border-radius:.75rem;text-decoration:none;color:inherit;transition:all .3s ease;position:relative}.conversation-card:hover{background:var(--bg-primary);border-color:var(--secondary-color);transform:translateY(-0.125rem);box-shadow:0 .25rem .75rem rgba(0,0,0,.1)}.conversation-card.unread{border-color:var(--secondary-color);background:var(--bg-primary);font-weight:600}.conversation-avatar{width:3.125rem;height:3.125rem;border-radius:50%;background:linear-gradient(135deg, var(--secondary-color), var(--primary-color));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}.conversation-info{flex:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center}.conversation-header h3{margin:0;font-size:1.125rem;color:var(--text-primary)}.conversation-header .conversation-time{font-size:.875rem;color:var(--text-secondary, #666)}.conversation-preview p{margin:0;font-size:.9375rem;color:var(--text-secondary, #666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-preview p.no-messages{font-style:italic;opacity:.7}.unread-badge{width:1.875rem;height:1.875rem;border-radius:50%;background:var(--secondary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0}.no-conversations{text-align:center;padding:4rem 2rem;color:var(--text-secondary, #666)}.no-conversations i{font-size:4rem;opacity:.5;margin-bottom:1rem;display:block}.no-conversations p{font-size:1.125rem;margin:0}.conversation-container{display:flex;flex-direction:column;margin:0 auto;height:calc(100vh - 190px);position:relative}.conversation-container .conversation-header{display:flex;align-items:center;gap:20px;padding:10px;background:var(--bg-secondary);flex-shrink:0}.conversation-container .conversation-header .conversation-user-info{display:flex;flex:1}.conversation-container .conversation-header .conversation-user-info h2{margin:0;font-size:23px;color:var(--text-primary)}.conversation-container .conversation-messages{flex:1;overflow-y:auto;padding:20px;background:var(--bg-primary);scrollbar-width:none;-ms-overflow-style:none}.conversation-container .conversation-messages::-webkit-scrollbar{display:none}.conversation-container .conversation-messages #message-list{display:flex;flex-direction:column;gap:25px}.conversation-container .conversation-messages #message-list .date-separator{text-align:center;margin:20px 0;position:relative}.conversation-container .conversation-messages #message-list .date-separator::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--border-color, #ddd);opacity:.5}.conversation-container .conversation-messages #message-list .date-separator span{position:relative;background:var(--bg-primary);padding:5px 15px;font-size:12px;font-weight:600;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px;z-index:1}.conversation-container .conversation-messages #message-list .message{display:flex;max-width:70%;padding:5px;border-radius:15px;box-shadow:var(--shadow)}.conversation-container .conversation-messages #message-list .message-content{flex:1;padding:5px;border-radius:15px}.conversation-container .conversation-messages #message-list .message-content .message-header .message-sender{font-weight:600}.conversation-container .conversation-messages #message-list .message-content .message-body{line-height:1.2;font-size:18px;word-wrap:break-word}.conversation-container .conversation-messages #message-list .message-content .message-body .message-link{color:inherit;text-decoration:underline;text-decoration-style:dotted;transition:all .2s ease}.conversation-container .conversation-messages #message-list .message-content .message-body .message-link:hover{text-decoration-style:solid;opacity:.8}.conversation-container .conversation-messages #message-list .message-content .message-footer{text-align:right;margin:15px auto 5px;line-height:0}.conversation-container .conversation-messages #message-list .message-content .message-footer .message-time{font-size:14px;font-style:italic;cursor:help;transition:opacity .2s ease}.conversation-container .conversation-messages #message-list .message-content .message-footer .message-time:hover{opacity:.7}.conversation-container .conversation-messages #message-list .message-content .message-attachments{display:flex;flex-direction:column;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #ddd}.conversation-container .conversation-messages #message-list .message-content .message-attachments .attachment-link{display:inline-flex;align-items:center;gap:10px;padding:10px;max-width:fit-content;border:1px solid #ddd;border-radius:10px;font-size:18px;color:var(--text-primary)}.conversation-container .conversation-messages #message-list .message-content .message-attachments .attachment-link i{color:var(--secondary-color)}.conversation-container .conversation-messages #message-list .message-content .message-attachments .attachment-link .attachment-size{font-size:12px;opacity:.7}.conversation-container .conversation-messages #message-list .message.message-sent{align-self:flex-end;background:var(--secondary-color)}.conversation-container .conversation-messages #message-list .message.message-sent .message-content{color:var(--btn-text-color)}.conversation-container .conversation-messages #message-list .message.message-sent .attachment-link{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3);color:var(--btn-text-color)}.conversation-container .conversation-messages #message-list .message.message-sent .attachment-link i{color:var(--btn-text-color)}.conversation-container .conversation-messages #message-list .message.message-received{align-self:flex-start}.conversation-container .conversation-messages #message-list .message.message-received .message-content{background:var(--bg-secondary);color:var(--text-primary)}.conversation-container .conversation-messages #message-list .message.message-received .message-content .staff-color{color:var(--secondary-color)}.conversation-container .new-message-indicator{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);background:var(--secondary-color);color:var(--btn-text-color);padding:10px 20px;border-radius:25px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.2);display:none;align-items:center;gap:8px;font-size:14px;font-weight:600;z-index:100;animation:slideUp .3s ease;transition:all .3s ease}.conversation-container .new-message-indicator:hover{background:var(--primary-color);transform:translateX(-50%) scale(1.05)}.conversation-container .new-message-indicator i{font-size:16px}@keyframes slideUp{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.no-messages{text-align:center;padding:4rem 2rem;color:var(--text-secondary, #666)}.no-messages i{font-size:4rem;opacity:.5;margin-bottom:1rem;display:block}.no-messages h3{color:var(--text-primary);margin:0 0 1rem}.no-messages p{font-size:1.125rem;margin:0 0 1rem;line-height:1.6}.no-messages p.message-tip{background:var(--bg-secondary);padding:1rem;border-radius:8px;border-left:4px solid var(--secondary-color);margin-top:2rem;font-size:1rem}.no-messages p.message-tip i{display:inline;font-size:1rem;color:var(--secondary-color);opacity:1;margin:0}.no-messages p.message-tip strong{color:var(--text-primary)}.message-compose{background:var(--bg-secondary);flex-shrink:0;position:fixed;bottom:100px;z-index:10;left:0;right:0;padding:20px}.message-compose .attachment-preview{margin-bottom:20px}.message-compose .attachment-preview .attachment-item{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;background:var(--bg-primary);border:1px solid var(--border-color, #ddd);border-radius:10px}.message-compose .attachment-preview .attachment-item i{color:var(--secondary-color)}.message-compose .attachment-preview .attachment-item .btn-remove-attachment{background:rgba(0,0,0,0);border:none;color:var(--text-secondary, #666);padding:0;margin-left:10px;font-size:20px}.message-compose .compose-input-container{display:flex;gap:5px;align-items:center}.message-compose .compose-input-container .btn-attach{background:rgba(0,0,0,0);border:none;color:var(--text-primary);font-size:20px;flex-shrink:0;padding:0;transition:all .3s ease}.message-compose .compose-input-container textarea{flex:1;padding:10px;border:none;border-radius:20px;background:var(--design-bottom-color);color:var(--text-primary);font-size:1rem;font-family:inherit;resize:none;max-height:50px}.message-compose .compose-input-container .btn-send{text-align:center;width:40px;height:40px;background:var(--secondary-color);color:var(--btn-text-color);border:none;border-radius:50px;font-size:20px;transition:all .3s ease}.preferences-container{margin:0 auto;padding:20px}.preferences-container .preferences-header{margin-bottom:20px}.preferences-container .preferences-header h1{text-align:center;margin:0}.preferences-container .preferences-form{padding:20px;border-radius:15px}.preferences-container .preferences-form .preference-item{margin-bottom:30px}.preferences-container .preferences-form .preference-item:last-of-type{margin-bottom:20px}.preferences-container .preferences-form .preference-item .preference-label{display:flex;align-items:flex-start;gap:20px}.preferences-container .preferences-form .preference-item .preference-label input[type=checkbox]{margin-top:5px;width:25px;height:25px}.preferences-container .preferences-form .preference-item .preference-label .preference-text{flex:1}.preferences-container .preferences-form .preference-item .preference-label .preference-text strong{display:block;color:var(--text-primary);margin-bottom:5px}.preferences-container .preferences-form .preference-item .preference-label .preference-text small{display:block;color:#666;font-size:14px}.preferences-container .preferences-form .form-actions{display:flex;justify-content:space-between;gap:20px}.preferences-container .preferences-form .form-actions button{width:100%}.preferences-container .preferences-form .form-actions .btn-cancel{background:rgba(0,0,0,0);color:var(--text-primary);width:100%;text-align:center}.request-form-page{padding:20px}.request-form-page h1{text-align:center}@media(min-width: 768px){.request-form-page{margin-top:150px}}label{display:block;font-size:14px;color:#597389;text-transform:uppercase;letter-spacing:.5px}label .required{color:var(--error-color);margin-left:.25rem}.order-detail-page{padding:30px;margin:0 auto}.order-detail-page .order-detail-container{display:flex;flex-direction:column;gap:30px}.order-detail-page .order-detail-container .order-detail-header{display:flex;flex-direction:column;gap:15px}.order-detail-page .order-detail-container .order-detail-header .back-link{display:inline-flex;align-items:center;gap:10px;font-size:16px;transition:color .3s ease}.order-detail-page .order-detail-container .order-detail-header .back-link i{font-size:16px}.order-detail-page .order-detail-container .order-detail-header h1{font-size:30px;text-align:center;margin:0}.detail-section-wrapper{display:grid;grid-template-columns:1fr;gap:30px}.detail-section-wrapper .detail-section{background:var(--bg-primary);border-radius:15px;padding:20px;box-shadow:var(--shadow)}.detail-section-wrapper .detail-section h2{text-align:center;text-transform:capitalize;margin:0 0 20px;color:#597389;font-weight:600;font-size:20px}.detail-section-wrapper .detail-section .detail-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:25px;margin-top:10px}.detail-section-wrapper .detail-section .detail-item span{display:block;font-size:20px;font-weight:600;color:var(--text-primary);font-weight:500;word-wrap:break-word}.detail-section-wrapper .detail-section .detail-item.full-width{grid-column:1/-1;margin-top:25px}.detail-section-wrapper .detail-section .detail-item.full-width .details-text{margin:0;line-height:1.5;font-size:18px;white-space:pre-wrap}.detail-section-wrapper .detail-section .detail-item .balance-due{color:var(--error-color);font-weight:600}.detail-section-wrapper .detail-section .documents-list{display:flex;flex-direction:row;gap:15px}.detail-section-wrapper .detail-section .documents-list .document-item{width:100%}.detail-section-wrapper .detail-section .documents-list .document-item .document-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.detail-section-wrapper .detail-section .documents-list .document-item .document-info .document-name{font-weight:600;color:var(--text-color)}.detail-section-wrapper .detail-section .documents-list .document-item .document-info .document-date{font-size:.875rem;color:var(--text-muted)}.detail-section-wrapper .detail-section.staff-notes .notes-list{max-height:300px;margin-bottom:25px;overflow-y:scroll;gap:0}.notes-list{display:flex;flex-direction:column;gap:1rem}.note-item{padding:1rem;background:var(--bg-primary);border-radius:.75rem;border-left:3px solid var(--secondary-color)}.note-item .note-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem;gap:1rem;flex-wrap:wrap}.note-item .note-header .note-author{font-weight:600;color:var(--text-color)}.note-item .note-header .note-date{font-size:.875rem;color:var(--text-muted)}.note-item .note-comment{margin:0;color:var(--text-color);line-height:1.6}.documents-section .documents-list{flex-direction:column !important;gap:35px !important}@media(min-width: 768px){.order-detail-page .order-detail-container{margin:150px auto 0}.order-detail-page .order-detail-container .order-detail-header{gap:0}.order-detail-page .order-detail-container .order-detail-header h1{font-size:50px}.order-detail-page .order-detail-container .detail-section-wrapper{grid-template-columns:repeat(3, 1fr);gap:50px}.order-detail-page .order-detail-container .detail-section-wrapper .detail-section{grid-column:span 1 !important}.order-detail-page .order-detail-container .detail-section-wrapper .detail-section.pricing-section .pricing-form-grid .form-group{line-height:1.2;margin-bottom:10px}.order-detail-page .order-detail-container .detail-section-wrapper .detail-section.pricing-section .pricing-form-grid .form-group div{width:50%}.order-detail-page .order-detail-container .detail-section-wrapper .detail-section.pricing-section .pricing-form-grid .form-group span{font-weight:500}.order-detail-page .order-detail-container .detail-section-wrapper .detail-section.pricing-section .pricing-form-grid .form-group .input-wrapper{width:99%}.order-detail-page .order-detail-container .detail-section-wrapper .detail-section.pricing-section .pricing-form-grid.info-display .form-group{display:flex}.order-detail-page .order-detail-container .detail-section-wrapper .detail-section.staff-notes{grid-column:span 3 !important}.order-detail-page .order-detail-container .detail-section-wrapper .detail-section.staff-notes .note-item{border-left:none}.order-detail-page .order-detail-container .detail-section-wrapper .detail-section.staff-notes .note-item .note-header{margin-bottom:0}}.quote-page{padding:2rem 1rem;max-width:900px;margin:0 auto}@media(min-width: 768px){.quote-page{padding:3rem 2rem}}.quote-container{background:var(--bg-primary);border-radius:1rem;box-shadow:var(--shadow)}.quote-header{padding:2rem;border-bottom:1px solid var(--border-color)}.quote-header .back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--secondary-color);text-decoration:none;font-size:.95rem;margin-bottom:1rem;transition:gap .3s ease}.quote-header .back-link i{font-size:1rem}.quote-header .back-link:hover{gap:.75rem}.quote-header h1{font-size:1.75rem;font-weight:700;margin:0;color:var(--text-primary)}@media(min-width: 768px){.quote-header h1{font-size:2rem}}.quote-header .subtitle{margin:.5rem 0 0 0;color:var(--text-secondary);font-size:.95rem}.quote-section{padding:2rem;border-bottom:1px solid var(--border-color)}.quote-section:last-child{border-bottom:none}.quote-section h2{font-size:1.25rem;font-weight:600;margin:0 0 1.5rem 0;color:var(--text-primary)}.order-summary{background:var(--bg-secondary);border-radius:0}.order-summary .summary-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width: 640px){.order-summary .summary-grid{grid-template-columns:repeat(2, 1fr)}}.order-summary .summary-item{display:flex;flex-direction:column;gap:.5rem}.order-summary .summary-item.full-width{grid-column:1/-1}.order-summary .summary-item label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.order-summary .summary-item span{font-size:1rem;color:var(--text-primary)}.order-summary .summary-item .document-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--secondary-color);text-decoration:none;font-size:.95rem;transition:color .3s ease}.order-summary .summary-item .document-link i{font-size:1.1rem}.order-summary .summary-item .document-link:hover{color:var(--primary-color);text-decoration:underline}.quote-form-section .quote-form{max-width:500px}.quote-form-section .form-group{margin-bottom:1.75rem}.quote-form-section .form-group label{display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.quote-form-section .form-group label .required{color:var(--error-color);margin-left:.25rem}.quote-form-section .form-group .input-wrapper{position:relative;display:flex;align-items:center}.quote-form-section .form-group .input-wrapper .input-icon{position:absolute;left:1rem;font-size:1.1rem;font-weight:600;color:var(--text-secondary);pointer-events:none}.quote-form-section .form-group .input-wrapper input[type=number]{width:100%;padding:.875rem 1rem .875rem 2.5rem;font-size:1rem;border:2px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);color:var(--text-primary);transition:border-color .3s ease,box-shadow .3s ease}.quote-form-section .form-group .input-wrapper input[type=number]:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(var(--secondary-color-rgb), 0.1)}.quote-form-section .form-group .input-wrapper input[type=number]::placeholder{color:var(--text-tertiary)}.quote-form-section .form-group .input-wrapper input[type=number]::-webkit-inner-spin-button,.quote-form-section .form-group .input-wrapper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quote-form-section .form-group .input-wrapper input[type=number]{-moz-appearance:textfield}.quote-form-section .form-group .help-text{display:block;margin-top:.5rem;font-size:.85rem;color:var(--text-secondary);font-style:italic}.quote-form-section .calculation-display{background:var(--bg-secondary);border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.quote-form-section .calculation-display .calc-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.quote-form-section .calculation-display .calc-row:last-child{border-bottom:none}.quote-form-section .calculation-display .calc-row.total{padding-top:1rem;margin-top:.5rem;border-top:2px solid var(--border-color)}.quote-form-section .calculation-display .calc-row.total .calc-label{font-weight:700;font-size:1.05rem}.quote-form-section .calculation-display .calc-row.total .calc-value{font-size:1.25rem;font-weight:700}.quote-form-section .calculation-display .calc-row .calc-label{font-size:.95rem;color:var(--text-secondary)}.quote-form-section .calculation-display .calc-row .calc-value{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.quote-form-section .form-actions{display:flex;gap:1rem;flex-direction:column}@media(min-width: 480px){.quote-form-section .form-actions{flex-direction:row;justify-content:flex-end}}.quote-form-section .form-actions .btn{padding:.875rem 1.75rem;font-size:1rem;font-weight:600;border-radius:.5rem;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;transition:all .3s ease}.quote-form-section .form-actions .btn i{font-size:1.1rem}.quote-form-section .form-actions .btn.btn-primary{background:var(--secondary-color);color:#fff;box-shadow:var(--shadow)}.quote-form-section .form-actions .btn.btn-primary:hover{background:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.quote-form-section .form-actions .btn.btn-primary:active{transform:translateY(0)}.quote-form-section .form-actions .btn.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color)}.quote-form-section .form-actions .btn.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}.quote-info-note{padding:1.5rem 2rem;background:rgba(var(--info-color-rgb), 0.1);border-left:4px solid var(--info-color);display:flex;gap:1rem;align-items:flex-start}.quote-info-note i{font-size:1.5rem;color:var(--info-color);flex-shrink:0;margin-top:.25rem}.quote-info-note strong{display:block;margin-bottom:.5rem;color:var(--text-primary);font-size:.95rem}.quote-info-note p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.6}[data-theme=dark] .quote-container{background:hsla(0,0%,100%,.05)}[data-theme=dark] .order-summary{background:hsla(0,0%,100%,.03)}[data-theme=dark] .calculation-display{background:hsla(0,0%,100%,.03)}[data-theme=dark] .quote-info-note{background:rgba(var(--info-color-rgb), 0.15)}.translate-page{min-height:100vh;padding:80px 20px 40px;background:var(--bg-primary)}.translate-page .translate-container{max-width:800px;margin:0 auto}.translate-page .translate-header{text-align:center;margin-bottom:2rem}.translate-page .translate-header .back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.9rem;margin-bottom:1rem;transition:color .3s ease}.translate-page .translate-header .back-link:hover{color:var(--primary-color)}.translate-page .translate-header .back-link i{font-size:1rem}.translate-page .translate-header h1{font-size:2rem;color:var(--text-primary);margin-bottom:.5rem}.translate-page .translate-header .subtitle{color:var(--text-secondary);font-size:1rem}.translate-page .order-summary{background:var(--bg-secondary);border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow)}.translate-page .order-summary h2{font-size:1.25rem;color:var(--text-primary);margin-bottom:1.5rem;border-bottom:2px solid var(--border-color);padding-bottom:.75rem}.translate-page .order-summary .summary-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media(min-width: 640px){.translate-page .order-summary .summary-grid{grid-template-columns:repeat(3, 1fr)}}.translate-page .order-summary .summary-grid .summary-item label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.translate-page .order-summary .summary-grid .summary-item span{display:block;color:var(--text-primary);font-size:1rem}.translate-page .order-summary .original-document{border-top:1px solid var(--border-color);padding-top:1.5rem}.translate-page .order-summary .original-document h3{font-size:1rem;color:var(--text-primary);margin-bottom:1rem;font-weight:600}.translate-page .order-summary .original-document .document-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-primary);border-radius:.75rem;border:1px solid var(--border-color)}.translate-page .order-summary .original-document .document-card>i{font-size:2rem;color:var(--primary-color)}.translate-page .order-summary .original-document .document-card .document-info{flex:1}.translate-page .order-summary .original-document .document-card .document-info .document-name{display:block;color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.translate-page .order-summary .original-document .document-card .document-info .document-date{display:block;font-size:.85rem;color:var(--text-secondary)}.translate-page .order-summary .original-document .document-card .btn{white-space:nowrap}.translate-page .upload-section{background:var(--bg-secondary);border-radius:1rem;padding:2rem;box-shadow:var(--shadow)}.translate-page .upload-section h2{font-size:1.25rem;color:var(--text-primary);margin-bottom:.5rem}.translate-page .upload-section .help-text{color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem}.translate-page .upload-section .upload-form .file-upload-area{position:relative;border:3px dashed var(--border-color);border-radius:1rem;padding:3rem 2rem;text-align:center;transition:all .3s ease;background:var(--bg-primary);margin-bottom:2rem}.translate-page .upload-section .upload-form .file-upload-area.drag-over{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb), 0.05)}.translate-page .upload-section .upload-form .file-upload-area.has-file{border-color:var(--success-color);background:rgba(34,197,94,.05)}.translate-page .upload-section .upload-form .file-upload-area input[type=file]{position:absolute;opacity:0;width:0;height:0}.translate-page .upload-section .upload-form .file-upload-area .upload-label{display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer;transition:all .3s ease}.translate-page .upload-section .upload-form .file-upload-area .upload-label i{font-size:4rem;color:var(--primary-color);transition:transform .3s ease}.translate-page .upload-section .upload-form .file-upload-area .upload-label .upload-text{font-size:1.125rem;color:var(--text-primary);font-weight:600}.translate-page .upload-section .upload-form .file-upload-area .upload-label .upload-hint{font-size:.9rem;color:var(--text-secondary)}.translate-page .upload-section .upload-form .file-upload-area .upload-label:hover i{transform:scale(1.1)}.translate-page .upload-section .upload-form .file-upload-area .file-info{display:none;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--bg-secondary);border-radius:50px;max-width:500px;margin:0 auto}.translate-page .upload-section .upload-form .file-upload-area .file-info i{font-size:1.5rem;color:var(--success-color)}.translate-page .upload-section .upload-form .file-upload-area .file-info .file-name{flex:1;color:var(--text-primary);font-weight:600;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.translate-page .upload-section .upload-form .file-upload-area .file-info .remove-file{width:30px;height:30px;border-radius:50%;border:none;background:var(--error-color);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.translate-page .upload-section .upload-form .file-upload-area .file-info .remove-file:hover{transform:scale(1.1);background:hsl(0,84.236453202%,50.1960784314%)}.translate-page .upload-section .upload-form .file-upload-area .file-info .remove-file:active{transform:scale(0.95)}.translate-page .upload-section .upload-form .file-upload-area .file-info .remove-file i{font-size:.875rem;color:#fff}.translate-page .upload-section .upload-form .form-actions{display:flex;gap:1rem;justify-content:center}.translate-page .upload-section .upload-form .form-actions .btn{padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:.5rem;transition:all .3s ease}.translate-page .upload-section .upload-form .form-actions .btn i{margin-right:.5rem}.translate-page .upload-section .upload-form .form-actions .btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.translate-page .upload-section .upload-form .form-actions .btn:active{transform:translateY(0)}.translate-page .upload-section .upload-form .form-actions .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.translate-page .upload-section .upload-form .form-actions .btn-secondary:hover{background:var(--bg-secondary)}@media(min-width: 768px){.translate-page{padding:150px 40px 60px}.translate-page .translate-header{margin-bottom:3rem}.translate-page .translate-header h1{font-size:2.5rem}.translate-page .order-summary,.translate-page .upload-section{padding:2.5rem}}.review-page{min-height:100vh}.review-page .review-container{padding:30px}.review-page .review-container .review-header .back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.9rem;margin-bottom:1rem;transition:color .3s ease}.review-page .review-container .review-header .back-link:hover{color:var(--primary-color)}.review-page .review-container .review-header .back-link i{font-size:1rem}.review-page .review-container .review-header h1{font-size:30px;text-align:center;margin:0 0 20px;line-height:1.2}.review-page .review-container .review-header .subtitle{display:block;font-size:14px;color:#597389;text-transform:uppercase;letter-spacing:.5px}.review-page .documents-section .documents-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.review-page .documents-section .documents-grid .document-card{border-radius:15px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease}.review-page .documents-section .documents-grid .document-card.translated{border-color:var(--success-color);background:rgba(132,158,174,.1)}.review-page .documents-section .documents-grid .document-card .document-header{display:flex;align-items:center;gap:.75rem}.review-page .documents-section .documents-grid .document-card .document-header i{font-size:1.5rem;color:var(--primary-color)}.review-page .documents-section .documents-grid .document-card .document-header h3{font-size:1rem;color:var(--text-primary);margin:0;font-weight:600}.review-page .documents-section .documents-grid .document-card .document-body{display:flex;flex-direction:column;gap:.25rem}.review-page .documents-section .documents-grid .document-card .document-body .document-name{color:var(--text-primary);font-weight:600;word-break:break-word}.review-page .documents-section .documents-grid .document-card .document-body .document-date{font-size:.85rem;color:var(--text-secondary)}.review-page .documents-section .documents-grid .document-card .btn{margin-top:auto}.review-page .review-section{border-radius:1rem;padding:2rem;box-shadow:var(--shadow)}.review-page .review-section .help-text{color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem}.review-page .review-section .review-list{display:flex;flex-direction:column;gap:3rem}.review-page .review-section .review-list .review-item .form-card{text-align:center}.review-page .review-section .review-list .review-item .form-card.approve-card .card-icon i{font-size:3rem;color:#198754}.review-page .review-section .review-list .review-item .form-card.changes-card .card-icon i{font-size:3rem;color:#ffc107}.review-page .review-section .review-form{margin-bottom:1.5rem}.review-page .review-section .review-form:last-child{margin-bottom:0}.review-page .review-section .review-form .form-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:15px;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;transition:all .3s ease}.review-page .review-section .review-form .form-card.approve-card{border-color:var(--success-color)}.review-page .review-section .review-form .form-card.approve-card:hover{background:rgba(34,197,94,.05);box-shadow:0 0 0 3px rgba(34,197,94,.1)}.review-page .review-section .review-form .form-card.changes-card{border-color:var(--warning-color)}.review-page .review-section .review-form .form-card.changes-card:hover{background:rgba(255,193,7,.05);box-shadow:0 0 0 3px rgba(255,193,7,.1)}.review-page .review-section .review-form .form-card.changes-card .form-group{grid-column:1/-1;margin-top:1rem}.review-page .review-section .review-form .form-card.changes-card .form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-primary);text-align:left}.review-page .review-section .review-form .form-card.changes-card .form-group label .required{color:var(--error-color);margin-left:.25rem}.review-page .review-section .review-form .form-card.changes-card .form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;font-family:Helvetica,Arial,sans-serif;background:var(--bg-secondary);color:var(--text-primary);resize:vertical;min-height:120px}.review-page .review-section .review-form .form-card.changes-card .form-group textarea:focus{outline:none;border-color:var(--warning-color);box-shadow:0 0 0 3px rgba(255,193,7,.1)}.review-page .review-section .review-form .form-card .card-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(34,197,94,.1);flex-shrink:0}.review-page .review-section .review-form .form-card .card-icon i{font-size:2rem;color:var(--success-color)}.review-page .review-section .review-form .form-card .card-icon.warning{background:rgba(255,193,7,.1)}.review-page .review-section .review-form .form-card .card-icon.warning i{color:var(--warning-color)}.review-page .review-section .review-form .form-card .card-content h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:.5rem}.review-page .review-section .review-form .form-card .card-content p{color:var(--text-secondary);margin:0;font-size:.95rem}@media(min-width: 768px){.review-page{padding:150px 40px 60px}.review-page .review-header{margin-bottom:3rem}.review-page .review-header h1{font-size:2.5rem}.review-page .detail-section-wrapper{grid-template-columns:repeat(2, 1fr)}}