@charset "UTF-8";:root{font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#fffefe;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#ff7b3d;text-decoration:inherit;transition:color .25s}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}.auth-container{display:flex;height:100vh;width:100%}.auth-left{width:50%;background:#fffefe;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;position:relative;background-image:radial-gradient(rgba(0,0,0,.03) 1px,transparent 1px);background-size:24px 24px}.auth-right{width:50%;position:relative;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#ff7b3d,rgb(242,192,176));padding:50px;color:#fff;overflow:hidden}.auth-right h1{font-size:48px;font-weight:800;z-index:2;margin:0}.auth-right .watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;opacity:.1;-webkit-user-select:none;user-select:none;z-index:1}.auth-right .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.2);z-index:0}form{width:100%;max-width:380px}.input-group{margin-bottom:1.2rem;text-align:left}.input-group label{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:600;opacity:.9;color:#333}.input-field{width:100%;padding:12px;box-sizing:border-box;border-radius:8px;border:1px solid #ddd;background:rgba(0,0,0,.05);color:#333;font-size:1rem;transition:all .3s ease}.input-field:focus{outline:none;border-color:#ff7b3d;box-shadow:0 0 0 2px #ff7b3d33;background:white}button.btn-primary{width:100%;padding:12px;border:none;border-radius:8px;margin-top:10px;background-color:#ff7b3d;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .25s}button.btn-primary:hover{background-color:#535bf2;transform:translateY(-1px);box-shadow:0 4px 12px #ff7b3d4d}.forgot-password-link{margin-top:-10px;margin-bottom:15px;width:100%;text-align:right}.forgot-password-link a{font-size:.85rem;color:#ff7b3d;text-decoration:none;font-weight:600}.forgot-password-link a:hover{text-decoration:underline}.auth-footer{margin-top:20px;font-size:.9em;opacity:.8;color:#333}.logo-container{margin-bottom:20px}.logo-container img{width:120px}@media (max-width: 900px){.auth-container{flex-direction:column;height:auto}.auth-right{display:none}.auth-left{width:100%;padding:40px 20px;height:auto;overflow-y:visible}.form-grid{grid-template-columns:1fr}.form-grid .full-width,.form-grid .section-title-auth{grid-column:span 1}}form.signup-form-expanded{max-width:800px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px 25px;width:100%}.form-grid .full-width{grid-column:span 2}.section-title-auth{grid-column:span 2;font-size:1.1rem;font-weight:700;color:#ff7b3d;margin:25px 0 10px;padding-bottom:8px;border-bottom:2px solid rgba(255,123,61,.1);text-transform:uppercase;letter-spacing:1px}.section-title-auth:first-child{margin-top:0}.form-actions-auth{margin-top:30px;width:100%;display:flex;justify-content:center}.password-wrapper{position:relative;display:flex;align-items:center;width:100%}.password-wrapper .input-field{padding-right:45px}.password-toggle{position:absolute;right:12px;background:none;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;color:#666;cursor:pointer;transition:color .2s;z-index:10}.password-toggle:hover{color:#ff7b3d}.password-toggle svg{display:block}.checkbox-group{display:flex;align-items:center;gap:10px}.checkbox-group .checkbox-label{display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer}.checkbox-group .checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.auth-left{overflow-y:auto;height:100%}.dashboard-layout{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8}.content-wrapper{display:flex;flex-direction:column;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:20px}.tabs-container{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;padding-bottom:5px}.tabs-container .tab-item{padding:10px 25px;border-radius:8px;border:1px solid #d1d5db;background-color:#e5e7eb;color:#4b5563;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.tabs-container .tab-item.active{background-color:#ff7b3d;color:#fff;border-color:#ff7b3d}.tabs-container .tab-item:hover:not(.active){background-color:#d1d5db}.main-content{flex:1;width:100%;background-color:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 6px -1px #0000001a}@media (max-width: 768px){.content-wrapper{padding:15px}.tabs-container{gap:8px}.tabs-container .tab-item{padding:8px 16px;font-size:.9rem}.main-content{padding:20px}}.main-header{height:60px;background-color:#ff7b3d;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#fff;z-index:10}.main-header .left-section{display:flex;align-items:center}.main-header .logo-area{width:40px;height:40px;margin-right:15px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;padding:2px}.main-header .logo-area .logo{width:100%;height:100%;object-fit:contain}.main-header .header-title h1{font-size:1.4rem;font-weight:700;margin:0}.main-header .logout-btn{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;padding:5px;transition:opacity .2s}.main-header .logout-btn:hover{opacity:.8}.page-header{margin-bottom:2rem;padding:1rem 0}.page-header .header-content{display:flex;flex-direction:column;gap:.5rem}.page-header .page-title{margin:0;font-size:1.8rem;font-weight:700;color:#1e477a}.page-header .breadcrumb{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#6c757d}.page-header .breadcrumb .breadcrumb-separator{color:#adb5bd}.page-header .breadcrumb .breadcrumb-item.active{color:#ff7b3d;font-weight:500}.request-card{background:white;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;margin:25px auto;max-width:900px}.card-header{background:linear-gradient(135deg,#ff7b3d 0%,#ff915a 100%);color:#fff;padding:2rem;display:flex;align-items:center;gap:1.5rem}.card-header .icon-container{background:rgba(255,255,255,.2);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-header .header-icon{width:32px;height:32px;color:#fff}.card-header .header-text h2{margin:0 0 .5rem;font-size:1.8rem;font-weight:700}.card-header .header-text p{margin:0;opacity:.9;font-size:1rem}.progress-bar{display:flex;background:#f8f9fa;padding:1.5rem 2rem;border-bottom:1px solid #e9ecef}.progress-step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;opacity:.5;transition:opacity .3s}.progress-step.active{opacity:1}.progress-step:not(:last-child):after{content:"";position:absolute;top:15px;left:50%;width:calc(100% - 30px);height:2px;background:#dee2e6;z-index:1}.progress-step.completed:not(:last-child):after{background:#ff7b3d}.step-number{width:30px;height:30px;border-radius:50%;background:#dee2e6;color:#6c757d;display:flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:.5rem;position:relative;z-index:2;transition:all .3s}.progress-step.active .step-number,.progress-step.completed .step-number{background:#ff7b3d;color:#fff}.step-label{font-size:.85rem;font-weight:600;color:#6c757d;text-align:center}.progress-step.active .step-label{color:#ff7b3d}.request-form-content{padding:2rem}.form-section-content{display:none;animation:fadeIn .3s ease-in-out}.form-section-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-title{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:.5rem}.section-subtitle{color:#666;margin-bottom:2rem;font-size:1rem}.document-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin-bottom:2rem}.document-option{border:2px solid #e9ecef;border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .3s ease;background:white;display:flex;align-items:center;gap:1rem}.document-option:hover{border-color:#ff7b3d;transform:translateY(-2px);box-shadow:0 4px 12px #ff7b3d1a}.document-option.selected{border-color:#ff7b3d;background:#fff8f5}.document-option.selected .doc-radio-custom{background:#ff7b3d;border-color:#ff7b3d}.document-option.selected .doc-radio-custom:after{opacity:1}.doc-icon{width:44px;height:44px;background:#ff7b3d;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.doc-icon svg{width:24px;height:24px}.doc-info{flex:1}.doc-info h4{margin:0 0 .25rem;font-size:1.1rem;font-weight:700;color:#333}.doc-info p{margin:0;font-size:.85rem;color:#666;line-height:1.3}.doc-radio-custom{width:22px;height:22px;border:2px solid #dee2e6;border-radius:50%;position:relative;transition:all .2s;flex-shrink:0}.doc-radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:white;border-radius:50%;opacity:0;transition:opacity .2s}.review-card{background:#fdfdfd;border:1px solid #eee;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.review-item{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #f0f0f0}.review-item:last-child{border-bottom:none}.review-item .review-label{font-weight:600;color:#666}.review-item .review-value{font-weight:700;color:#333;text-align:right;max-width:60%}.secondary-btn{background-color:#fff;color:#ff7b3d;border:2px solid #ff7b3d;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease}.secondary-btn:hover{background-color:#fff8f5;transform:translateY(-1px)}.btn-primary{background-color:#ff7b3d;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease}.btn-primary:hover:not(:disabled){background-color:#ff580a;transform:translateY(-1px)}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.form-navigation{display:flex;justify-content:space-between;margin-top:2rem;gap:15px}.form-navigation .secondary-btn,.form-navigation .btn-primary,.form-navigation .nav-spacer{flex:1 1 0;width:150px;height:48px;max-width:150px;display:flex;justify-content:center;align-items:center;padding:0}.profile-form .row{display:flex;flex-direction:column;gap:1.5rem}.submit-notice{display:flex;align-items:flex-start;padding:1rem;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:8px;margin-top:1rem}@media (max-width: 1024px){.request-card{margin:10px auto;width:100%;border-radius:0;box-shadow:none;height:100vh;display:flex;flex-direction:column}.card-header{padding:1rem}.card-header .icon-container{width:48px;height:48px}.card-header .icon-container .header-icon{width:24px;height:24px}.card-header .header-text h2{font-size:1.4rem}.card-header .header-text p{font-size:.9rem}.progress-bar{padding:.75rem 1rem}.step-number{width:24px;height:24px;font-size:.8rem}.step-label{font-size:.75rem}.request-form-content{padding:1rem;flex:1;overflow-y:auto}.document-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.document-option{padding:.75rem}.document-option .doc-icon{width:36px;height:36px}.document-option .doc-icon svg{width:20px;height:20px}.document-option .doc-info h4{font-size:1rem}.document-option .doc-info p{font-size:.8rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.form-navigation{margin-top:1rem}.form-navigation .btn-primary,.form-navigation .secondary-btn{height:42px;font-size:.95rem}}@media (max-width: 600px){.document-grid{grid-template-columns:1fr}.step-label{display:none}}.profile-container{width:100%}.main-content-inner{display:flex;justify-content:center;width:100%}.profile-summary-card{background:white;border-radius:12px;padding:40px;box-shadow:0 4px 12px #00000014;border:1px solid #e1e5eb;max-width:900px;width:100%;margin:0 auto}.summary-header{display:flex;align-items:center;gap:30px;margin-bottom:25px}.summary-avatar{width:100px;height:100px;background:#1e477a;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:32px;font-weight:700;text-transform:uppercase;flex-shrink:0}.summary-user-info h2{font-size:2rem;font-weight:700;margin:0;color:#333}.summary-user-info .summary-email{color:#6c757d;font-size:1.1rem;margin-top:5px}.summary-divider{height:1px;background:#eee;margin:30px 0}.summary-body{display:flex;flex-direction:column;gap:15px;margin-bottom:40px}.summary-item{display:flex;gap:10px;font-size:1.1rem}.summary-item .label{font-weight:700;color:#1e477a;min-width:80px}.summary-item .value{color:#555}.summary-actions{text-align:left}.profile-form{max-width:100%}.form-section{margin-bottom:40px;padding:30px;border:1px solid rgba(0,0,0,.1);border-radius:12px;background-color:#f8fbff}.form-section h3{font-size:1.5rem;color:#333;margin-bottom:25px;font-weight:700}.grid-container{display:flex;flex-wrap:wrap;gap:20px;row-gap:30px}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:white;border-radius:12px;width:90%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 25px #0003;animation:modalEnter .3s ease-out}@keyframes modalEnter{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:20px 30px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.5rem;color:#333}.modal-header .close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:#999;line-height:1}.modal-header .close-btn:hover{color:#333}.modal-body{padding:30px;overflow-y:auto;flex:1}@media (min-width: 768px){.col-1{flex:0 0 8.33%;max-width:8.33%}.col-2{flex:0 0 16.66%;max-width:16.66%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.33%;max-width:33.33%}.col-5{flex:0 0 41.66%;max-width:41.66%}.col-6{flex:0 0 50%;max-width:50%}.col-8{flex:0 0 66.66%;max-width:66.66%}.col-12{flex:0 0 100%;max-width:100%}}.checkbox-group{flex-direction:row;align-items:center}.checkbox-group .checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.form-actions{margin-top:30px;display:flex;justify-content:flex-end;gap:15px}.history-container{background:white;border-radius:12px;padding:25px;box-shadow:0 4px 12px #00000014;border:1px solid #e1e5eb;max-width:900px;margin:0 auto}.history-header{text-align:center;margin-bottom:25px}.history-header h3{color:#1e477a;margin-bottom:5px;font-size:1.5rem;font-weight:700}.history-header p{color:#6c7a89;font-size:14px}.requests-list{display:flex;flex-direction:column;gap:15px}.request-item{background:#f8f9fa;border:1px solid #e1e5eb;border-radius:8px;padding:20px;transition:all .25s ease;cursor:pointer}.request-item:hover{box-shadow:0 4px 12px #0000001a;border-color:#ff7b3d;transform:translateY(-2px)}.request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;flex-wrap:wrap;gap:10px}.request-title{font-weight:700;color:#1e477a;font-size:16px}.request-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.request-status.pending{background:#fff3cd;color:#856404}.request-status.processing{background:#cce5ff;color:#004085}.request-status.completed{background:#d4edda;color:#155724}.request-status.rejected{background:#f8d7da;color:#721c24}.request-status.cancelled{background:#e2e3e5;color:#383d41}.request-date{color:#6c7a89;font-size:14px;margin-bottom:15px}.request-details{display:grid;grid-template-columns:1fr;gap:10px}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:11px;color:#6c7a89;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:#2c3e50;font-weight:500}.click-hint{font-size:11px;color:#6c7a89;text-align:center;margin-top:12px;font-style:italic;opacity:.7}.no-requests{text-align:center;padding:60px 20px}.no-requests h4{color:#1e477a;margin-bottom:10px;font-size:1.25rem}.no-requests p{color:#6c7a89;margin-bottom:25px;font-size:14px}.no-requests-icon{width:80px;height:80px;margin:0 auto 20px;color:#cbd3da}.no-requests-icon svg{width:100%;height:100%}.history-view-modal{max-width:500px}.history-view-modal .modal-header{border-bottom:2px solid #f0f0f0;padding:25px 30px}.history-view-modal .modal-header .request-id-title{color:#1e477a;font-size:1.8rem;font-weight:800}.info-carousels{display:flex;flex-direction:column;gap:15px;padding:10px 0}.info-card{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:20px;text-align:center;transition:transform .2s}.info-card:hover{background-color:#f1f3f5}.info-card .info-label{font-size:.75rem;color:#868e96;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.info-card .info-value{font-size:1.1rem;color:#2c3e50;font-weight:600;line-height:1.4}.info-card .info-value.status-text{display:inline-block;padding:4px 15px;border-radius:20px;font-size:1rem}.info-card .info-value.status-text.pending{color:#f39c12}.info-card .info-value.status-text.processing{color:#3498db}.info-card .info-value.status-text.completed{color:#27ae60}.info-card .info-value.status-text.rejected{color:#e74c3c}.info-card .info-value.status-text.cancelled{color:#95a5a6}.modal-footer-actions{margin-top:30px;display:flex;justify-content:center;padding:20px 0 10px;border-top:2px solid #f0f0f0}.btn-danger-large{background-color:#e3342f;color:#fff;border:none;border-radius:12px;padding:15px 40px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #e3342f33}.btn-danger-large:hover{background-color:#cc1f1a;transform:translateY(-2px);box-shadow:0 6px 12px #e3342f4d}.btn-danger-large:active{transform:translateY(0)}
