:root{line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-white: #ffffff;--color-black:#000000;--bg-color:#F9FBFC;--primary-color: #556B2F;--hover-state-primary: #455A25}*{padding:0;margin:0;box-sizing:border-box;font-family:DM Sans,sans-serif}a{text-decoration:none}ul,ol{list-style:none}p,span,a,li{word-spacing:1px;letter-spacing:.3px;font-size:16px;font-weight:400}html{scroll-behavior:smooth}body{background-color:var(--bg-color)}.parent{padding-left:30px;padding-right:30px}.popup-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000001}.error-div,.success-div,.prompt-div{position:relative;background:#fff;width:368px;min-height:236px;height:fit-content;border-top:1px solid #E9EAEB;padding:12px 20px;border-radius:15px;box-shadow:0 4px 20px #0000001a}.error-icon,.success-icon,.prompt-icon{height:48px;width:48px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.error-icon{background-color:#fff4f2}.error-icon svg{fill:red;stroke:red;font-size:20px}.error-div h3{color:#ff080c;font-size:16px;font-weight:500}.error-div p,.success-div p,.prompt-div p{font-size:14px;color:#9ea2ad}.success-div h3{color:#24a90a;font-size:16px;font-weight:500}.success-icon{background-color:#f6fff2}.success-icon svg{fill:#0b9620;stroke:#fff;font-size:20px}.prompt-icon{background-color:#fcf8ed}.prompt-icon svg{fill:#ffc107;stroke:#ffc107;font-size:20px}.prompt-div h3{color:#ffc107;font-size:16px;font-weight:500}.error-div hr,.success-div hr,.prompt-div hr{border:solid #E9EAEB 1px;margin-bottom:20px;margin-top:15px}.buttons-div{display:flex;justify-content:space-between}.error-div button,.success-div button,.prompt-div button{width:152px;height:49px;border-radius:12px;border:solid 1px transparent;cursor:pointer;font-size:17px;transition:all .3s ease-in-out}.error-div button,.success-div button.okay,.prompt-div button.okay{background-color:var(--primary-color);color:var(--color-white)}.error-div button:hover,.success-div button.okay:hover,.prompt-div button.okay:hover{background-color:var(--hover-state-primary)}.success-div button.cancel,.prompt-div button.cancel{border:1px solid #E9EAEB;color:#454a53;background-color:#fff}.success-div button.cancel:hover,.prompt-div button.cancel:hover{border:solid 1px var(--primary-color);color:var(--primary-color)}.loader{border:5px solid #FFF;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.authentication-layout-container{display:grid;height:100vh;min-height:100vh;overflow:hidden;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.authentication-image-content{position:relative;background-color:var(--primary-color);background-repeat:no-repeat;background-position:center;background-size:cover;height:100%;width:100%}.authentication-image-content:after{content:"";position:absolute;inset:0;background-color:#00000094;z-index:1}.authentication-image-top-content{position:relative;height:inherit;padding:0 10%;z-index:1000000;display:flex;flex-direction:column;justify-content:center;align-items:center;*{color:var(--color-white)}}.authentication-image-content img{width:170px}.authentication-image-content h1{font-size:30px;margin:15px 0}.authentication-image-content p{font-weight:300;font-size:15px}.authentication-image-content ul{width:70%;margin-top:15px}.authentication-image-content li{font-weight:300;font-size:15px;margin-bottom:7px;display:flex;align-items:center;column-gap:10px}.authentication-image-content li .list-icon{fill:#4ade80}.authentication-body-content{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100%;height:fit-content;overflow:auto;padding:50px 5%}.authentication-body-top-content{width:70%;position:relative}.authentication-body-top-content h2.form-header{font-size:30px;color:var(--color-black);font-weight:900}.authentication-body-top-content p{font-size:15px;color:#4b5563}.authentication-body-top-content .text-center{text-align:center}.sign-up-form-container .action-type{margin-top:25px}.sign-up-form-container .action-type-card{display:flex;justify-content:space-between;align-items:center;column-gap:12px;padding:12px;border-width:3px;border-style:solid;border-color:#e5e7eb;border-radius:8px;margin-bottom:30px;cursor:pointer;transform:scale(1);transition:border-color .3s ease,transform .3s ease}.sign-up-form-container .action-type-card:hover{transform:scale(1.03)}.sign-up-form-container .action-type-card.selected{border-color:var(--primary-color)}.sign-up-form-container .action-type-card button{background-color:transparent;border:none;height:fit-content;font-size:20px}.sign-up-form-container .action-type-card button svg{color:#9ca3af}.sign-up-form-container .action-type-card.selected button svg{color:var(--primary-color)}.sign-up-form-container .action-type-card div{flex:1}.sign-up-form-container .action-type-card div h3{font-size:15px}.sign-up-form-container .action-type-card div p{font-size:13px}.sign-up-form-container button.continue{width:100%;padding:15px;border:none;background-color:var(--primary-color);color:var(--color-white);border-radius:8px;margin-bottom:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;column-gap:5px;font-weight:500;transition:background-color .3s ease}.sign-up-form-container button.continue:hover{background-color:var(--hover-state-primary)}.sign-up-form-container .link-to-other-page,.sign-up-form-container .link-to-other-page a.link-to-sign-in{font-size:14px}.sign-up-form-container .link-to-other-page a.link-to-sign-in{color:var(--primary-color)}.sign-up-form-container .link-to-other-page a.link-to-sign-in:hover{text-decoration:underline}.sign-up-form-container .my-securities-features{display:flex;justify-content:center;column-gap:20px;margin-top:20px;padding-top:25px;border-top:solid 1.5px #E5E7EB}.sign-up-form-container .my-securities-features p{font-size:14px;display:flex;align-items:center;column-gap:3px}.personal-info-container,.identity-verification-container{padding:40px}.personal-info-logo img,.identity-verification-logo img{width:250px}.personal-info-label-div{text-align:center;margin-top:40px}.personal-info-label{padding:3px 0;border-bottom:2px solid var(--primary-color);font-size:14px;font-weight:500;color:var(--color-black);text-align:center;display:inline-block}.personal-info-form-container,.identity-verification-form,.terms-and-conditions-form,.verification-complete{margin-top:50px;background-color:#fff;border-radius:12px;padding:20px 40px;border:1px solid #E9E9EA;position:relative}.message-background{position:fixed;inset:0;height:100svh;background-color:#0009;z-index:1000;display:flex;justify-content:center;align-items:center}.personal-info-form-container .form-header,.identity-verification-form .form-header,.terms-and-conditions-form .form-header{margin-bottom:32px}.personal-info-form-container .form-title,.identity-verification-form .form-title,.terms-and-conditions-form .form-title{font-size:18px;font-weight:600;color:#212529;margin-bottom:5px}.personal-info-form-container .form-subtitle{font-size:14px;color:#6c757d}.personal-info-form{display:flex;flex-direction:column;gap:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;row-gap:2px}.form-group.full-width{grid-column:1 / -1}.personal-info-form label{font-size:13px;font-weight:400;color:#0a0a0a}.personal-info-form .form-input,.personal-info-form .form-select,.password-input-wrapper{padding:10px 16px;border:solid .7px transparent;border-radius:8px;font-size:16px;background-color:#f3f3f5;transition:all .2s ease}.personal-info-form .form-input:focus,.personal-info-form .form-select:focus{outline:none;border-color:var(--primary-color);background-color:#fff}.personal-info-form .form-input::placeholder{color:#adb5bd;font-size:14px}.personal-info-form .select-wrapper{position:relative}.personal-info-form .form-select{width:100%;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer}.personal-info-form .form-select option{background-color:var(--color-white);color:var(--hover-state-primary)}.password-input-wrapper{display:flex;column-gap:10px}.password-input-wrapper .password-input{padding:0;border:none;outline:none;box-shadow:none!important;flex:1;background-color:transparent;transition:all .2s ease}.password-input-wrapper:has(.password-input:focus){background-color:var(--color-white);border-color:var(--primary-color)}.password-input-wrapper .password-toggle{background:none;border:none;cursor:pointer;padding:4px}.password-input-wrapper .eye-icon{width:18px;opacity:.6}.password-input-wrapper .password-toggle:hover .eye-icon{opacity:1}.personal-info-form .form-actions,.identity-verification-form .form-actions,.terms-and-conditions-form .form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid #e9ecef}.personal-info-form .go-back-to-home,.identity-verification-form .go-back-to-home,.terms-and-conditions-form .go-back-to-home{display:flex;align-items:center;font-size:15px;color:var(--primary-color)}.personal-info-form .go-back-to-home:hover,.identity-verification-form .go-back-to-home:hover,.terms-and-conditions-form .go-back-to-home:hover{text-decoration:underline}.personal-info-form .btn,.identity-verification-form .btn,.terms-and-conditions-form .btn,.verification-complete .verification-complete-button{padding:12px 24px;border-radius:7px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.personal-info-form .btn.submit-btn,.identity-verification-form .btn.submit-btn,.terms-and-conditions-form .btn.submit-btn,.verification-complete .verification-complete-button{background-color:var(--primary-color);color:var(--color-white)}.personal-info-form .btn.submit-btn:hover,.identity-verification-form .btn.submit-btn:hover,.terms-and-conditions-form .btn.submit-btn:hover,.verification-complete .verification-complete-button:hover{background-color:var(--hover-state-primary);color:var(--color-white)}.personal-info-form .btn:hover,.identity-verification-form .btn:hover,.terms-and-conditions-form .btn:hover{color:var(--primary-color)}.verify-email-container{box-shadow:0 10px 15px #00000008;box-shadow:0 3px 11px #0000000f;background-color:var(--color-white);padding:50px 30px;width:32%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:14px;margin-top:20px;justify-self:center;align-self:center}.verify-email-container button{border:1px solid var(--primary-color);border-radius:6px;padding:10px;background-color:transparent;display:flex;justify-content:center;align-items:center;font-size:30px;color:var(--primary-color)}.verify-email-container h2{font-size:22px;font-weight:500;margin:20px 0;color:var(--primary-color)}.verify-email-container p{width:90%;color:#52525b;margin-bottom:25px}.verify-email-container a{width:100%;border:1px solid #556B2F;background-color:var(--color-white);color:var(--primary-color);border-radius:8px;padding:10px;transition:color .3s ease-in-out,background-color .3s ease-in-out}.verify-email-container a:hover{background-color:var(--primary-color);color:var(--color-white)}.authentication-steps-marker{margin-top:15px;margin-bottom:25px;display:flex;justify-content:center;align-items:center;column-gap:5px}.authentication-steps-marker button{font-size:10px;font-weight:500;border:none;border-radius:50%;height:20px;width:20px;color:#6b7280;cursor:pointer;background-color:#e5e7eb;transition:color .3s,background-color .3s}.authentication-steps-marker button.active{background-color:var(--primary-color);color:var(--color-white)}.authentication-steps-marker hr{border:1.6px solid #E5E7EB;width:40px}.login-form form label,.forgot-password-form label,.set-new-password-form label{display:block;margin:20px 0 5px;font-size:13px}.password-conditions{background-color:#f0f0f0;border-radius:10px;padding:10px;margin-top:20px}.password-conditions h3{font-size:14px;font-weight:500;margin-bottom:5px}.password-conditions li{font-size:12px;font-weight:300;padding-left:3px;display:flex;align-items:center;column-gap:10px}.password-conditions li:not(:last-child){margin-bottom:10px}.password-conditions li.satisfied{color:var(--primary-color)}.confirm-password-conditions{color:red!important;font-size:12px!important}.login-form form input[type=email],.grouped-input-container{width:100%;padding:10px;margin-top:2px;border:1px solid #ccc;border-radius:4px;outline:none;transition:border .3s}.grouped-input-container{display:flex;column-gap:10px;align-items:center}.grouped-input-container input{border:none;outline:none;flex:1;background-color:transparent}.grouped-input-container span{color:var(--primary-color);cursor:pointer;font-size:15px;line-height:0}.login-form form input[type=email]:hover,.grouped-input-container:hover{border-color:var(--primary-color)}.login-form form input::placeholder{color:#adaebc}.login-form form .remember-forgot-pwd{display:flex;justify-content:space-between;align-items:center}.login-form form .remember-forgot-pwd label{display:flex;align-items:center;column-gap:3px;margin:0}.login-form form .remember-forgot-pwd label span{font-weight:300;font-size:14px}.login-form form .remember-forgot-pwd a{color:var(--primary-color);font-size:14px}.login-form form .remember-forgot-pwd a:hover,.login-form .link-to-sign-up:hover{text-decoration:underline}.login-form form button,.verification-message-button,.forgot-password-form form button.submit-button,.set-new-password-form form button,.verification-content button.submit-button{color:var(--color-white);background-color:var(--primary-color);padding:12px 10px;border:none;border-radius:4px;cursor:pointer;width:100%;font-size:17px;margin-top:12px;margin-bottom:10px;transition:color .3s,background-color .3s}.login-form form .loader,.verification-message-container .loader,.forgot-password-form form .loader,.set-new-password-form .loader,.personal-info-form .btn .loader,.sign-up-form-container button.continue .loader,.identity-verification-form .loader,.terms-and-conditions-form .loader,.verification-content .loader{width:17px;height:17px;border-width:2px}.login-form form button:hover,.verification-message-button:hover,.forgot-password-form form button.submit-button:hover,.set-new-password-form form button:hover,.verification-content button.submit-button:hover{background-color:var(--hover-state-primary)}.login-form .link-to-sign-up,.sign-up-form-container .link-to-sign-in{font-weight:500;color:var(--primary-color);font-size:15px}.authentication-body-content .authentication-body-top-content.verification-message-container{width:70%}.verification-content .otp-inputs{display:flex;justify-content:space-between;width:70%;margin:20px auto}.verification-content .otp-inputs input{width:50px;height:50px;font-size:24px;text-align:center;border:1.6px solid #ccc;border-radius:5px;outline:none;background-color:transparent;color:#000;transition:border-color .3s ease}.verification-content .otp-inputs input:focus{border-color:var(--primary-color);background-color:#98fb984d}.verification-content .otp-timer{color:red!important}.verification-content .resend-text{margin:10px 0}.verification-content .resend-text .resend-button{color:var(--primary-color);cursor:pointer;border:none;background-color:transparent}.verification-content .resend-text button:hover{text-decoration:underline}.verification-message-container{display:flex;flex-direction:column;align-items:center;box-shadow:0 0 18.4px #0000001a;height:fit-content;padding:30px 20px;border-radius:10px}.verification-message-container .verification-icon{width:60px;height:60px;border-radius:50%;font-size:25px;display:flex;justify-content:center;align-items:center;margin-bottom:7px}.verification-message-container .verification-icon.success{background-color:#98fb984d;color:var(--primary-color)}.verification-message-container .verification-icon.error{color:red;background-color:#ff000014}.verification-message-container .verification-icon.pending{color:#ffc107;background-color:#fcf8ed}.verification-message-container .verification-title{font-size:26px}.verification-message-container .verification-title.success{color:var(--primary-color)}.verification-message-container .verification-message{font-size:15px;text-align:center;margin-bottom:30px;margin-top:20px;width:100%;padding:10px 5px}.verification-message-container .verification-message.error{background-color:#ff000014;color:red}.verification-message-container .verification-message.pending{background-color:#fcf8ed;color:#ffc107}.verification-message-container .go-to-previous-page,.forgot-password-form .go-to-login-page,.set-new-password-form .go-to-login-page{font-size:14px;color:var(--primary-color);margin-top:5px;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none}.verification-message-container .go-to-previous-page:hover,.forgot-password-form .go-to-login-page:hover,.set-new-password-form .go-to-login-page:hover{text-decoration:underline}.custom-dropdown{position:relative}.custom-dropdown button.custom-dropdown-selected{background-color:transparent;width:fit-content;border:none;display:flex;align-items:center;column-gap:10px;cursor:pointer}.dropdown-item-container{position:absolute;background-color:var(--color-white);width:100%;border-radius:0 0 2px 2px;z-index:100}.dropdown-item-container li{padding:1px 2px;cursor:pointer;transition:background-color .3s ease,color .3s ease;border-radius:3px;font-size:15px;text-align:left;margin-bottom:3px;z-index:100}.parent-container{display:grid;min-height:100vh;background-color:var(--color-white)}.side-bar{background-color:var(--color-white);height:100vh;position:fixed;top:0;bottom:0;left:0;z-index:100001;transition:all .3s ease-in-out;box-shadow:0 10px 15px #0000001a;box-shadow:0 4px 6px #0000001a}.side-bar.expanded{flex:210px;width:210px}.side-bar.collapsed{flex:80px;width:80px}.logo-container{display:flex;justify-content:space-between;align-items:center;height:85px;padding-left:6px;padding-right:10px;border-bottom:1px solid #E5E7EB}.logo-container img{display:block;width:100px}.logo-container .sidebar-toggler{background:transparent;border:none;cursor:pointer;display:block}.logo-container .sidebar-toggler .toggle-icon{fill:#4b5563;transition:all .3s ease-in-out;font-size:20px}.side-bar nav{max-height:100%;overflow-x:hidden;padding:20px 15px 120px;overflow-y:auto}.navs-container li{margin-bottom:20px}.navs-container li a,.side-bar nav button.logout{display:flex;align-items:center;padding:5px 10px;cursor:pointer;*{color:#4b5563;transition:all .3s ease-in-out;font-size:13px}}.navs-container li a:hover{*{color:var(--primary-color)}}.navs-container li a.active{background:var(--primary-color);*{color:var(--color-white)}}.navs-container li a.active:hover{*{color:var(--color-white)}}.navs-container li a .nav-icon,.side-bar nav button.logout .nav-icon{margin-right:10px}.side-bar nav button.logout{border:1px solid #9CA3AF;width:100%}.side-bar nav button.logout:hover{background-color:#9ca3af}.side-bar.collapsed .navs-container li a,.side-bar.collapsed .logo-container{justify-content:center}.side-bar.collapsed .nav-icon,.side-bar.collapsed nav button.logout .nav-icon{font-size:20px;margin-right:0}.side-bar.collapsed .nav-description,.side-bar.collapsed nav button.logout .nav-description{display:none}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:auto;background-color:#ef4444;color:#fff!important;border-radius:9px;font-size:10px!important;font-weight:700;line-height:1}.navs-container li a.active .nav-badge{background-color:#fff;color:var(--primary-color)!important}.side-bar.collapsed .nav-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;font-size:9px!important}.side-bar.collapsed .navs-container li,.notification-bell{position:relative}.bell-badge{position:absolute;top:-8px;right:-8px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background-color:#ef4444;color:#fff;border-radius:9px;font-size:10px;font-weight:700;line-height:1}.main-content{flex:auto;background-color:#f7f7f7;display:flex;flex-direction:column;transition:all .3s ease-in-out}.main-content.expanded{margin-left:210px}.main-content.collapsed{margin-left:80px}.dashboard-error-countainer,.dashboard-loading-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.dashboard-error-message{font-size:30px;font-weight:600;margin-bottom:20px}.dashboard-error-button{background-color:var(--primary-color);color:var(--color-white);padding:10px 35px;font-size:18px;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s}.dashboard-error-button:hover{background-color:var(--hover-state-primary)}.dashboard-loader{height:120px;width:120px;border:5px solid var(--primary-color);border-bottom-color:var(--hover-state-primary);border-radius:50%;margin-bottom:10px;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.dashboard-loading-container p{font-size:17px;font-weight:700}.header{position:fixed;top:0;left:0;right:0;z-index:100000;display:flex;justify-content:space-between;align-items:center;height:85px;padding-left:22px;padding-right:22px;background-color:#fff;border-bottom:1px solid #E5E7EB;box-shadow:0 12px 5.5px #f1f1f1;transition:left .3s ease-in-out}.header.expanded{left:210px}.header.collapsed{left:80px}.header .page-header-details h1{color:var(--color-black);font-weight:700;font-size:18px}.header .page-header-details p{font-size:14px;margin-top:2px;color:#4b5563}.header .header-profile-info{display:flex;align-items:center;column-gap:15px;gap:15px;padding-right:50px}.header .header-profile-info button{background-color:transparent;border:none;color:#4b5563;font-size:18px}.profile-pic-frame{width:40px;height:40px;border-radius:50%;background-color:#9ea2ad;display:flex;align-items:center;justify-content:center;object-fit:cover;overflow:hidden}.header .header-profile-info img{width:100%}.header .header-profile-info p{display:flex;flex-direction:column;row-gap:1px;color:#111827;font-size:14px;text-transform:capitalize}.header .header-profile-info p span.role{font-size:12.5px;color:#4b5563;text-transform:capitalize}.dynamin-content{padding:115px 15px 10px;flex:1;min-height:0}.dynamin-content hr{border:1px solid #DFDFDF}.green{color:#16a34a}.light-green{background-color:#dcfce7}.orange{color:#ea580c}.light-orange{background-color:#ffedd5}.primary{color:var(--primary-color)}.light-primary{background-color:#f0f3e1}.purple{color:#9333ea}.light-purple{background-color:#f3e8ff}.powder-blue{background-color:#dbeafe}.blue{color:#2563eb}.metrics-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;column-gap:20px;justify-content:space-between}.metric-card{padding:15px 10px;background-color:var(--color-white);border:.86px solid #E5E7EB;border-radius:12px;display:flex;align-items:center;justify-content:space-between}.metric-card .metric-details p.metric-label,.metric-card .metric-details p.metric-info{font-size:13px}.metric-card .metric-details h2{font-size:18px}.metric-icon{display:flex;align-items:center;justify-content:center;border-radius:6.92px;padding:15px;font-size:15px;border:none}.card-widget-1{border-radius:10px;background-color:var(--color-white);box-shadow:0 .86px 1.73px #0000000d;padding:14px}.sales-recent-activities{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;justify-content:space-between;column-gap:10px}.sales-recent-activities h4.card-header{font-size:17px;font-weight:700}.recent-activities-item{background-color:#f9fafb;border-radius:10px;display:flex;align-items:center;padding:10px;margin-top:10px;column-gap:10px}.recent-activities-item button{background-color:transparent;border:none;color:#4b5563}.recent-activities-item div h5{font-size:14px;font-weight:500;line-height:normal}.recent-activities-item div span{color:#4b5563;font-size:14px;line-height:normal}.quick-actions-panel{margin-top:20px}.section-header{font-size:17px;font-weight:700;margin-bottom:15px;color:#1f2937}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.quick-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;background-color:#fff;border:1px solid #E9EAEB;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;color:#454a53}.quick-action-btn:hover{border-color:var(--primary-color);background-color:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.quick-action-btn svg{font-size:24px;color:var(--primary-color)}.status-overview{margin-top:30px}.status-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.status-card{display:flex;align-items:center;gap:15px;padding:20px;background-color:#fff;border:1px solid #E9EAEB;border-radius:12px;transition:all .3s ease}.status-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.status-card-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.status-card-icon.pending{background-color:#fff4f2;color:#ff6b6b}.status-card-icon.warning{background-color:#fff9e6;color:orange}.status-card-icon.info{background-color:#e6f2ff;color:#007bff}.status-card-icon.success{background-color:#f6fff2;color:#28a745}.status-card-content h3{font-size:24px;font-weight:700;margin:0;color:#1f2937}.status-card-content p{font-size:13px;color:#9ea2ad;margin:5px 0 0}.top-performers-list{display:flex;flex-direction:column;gap:10px}.top-performer-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#f9fafb;border-radius:8px;transition:all .2s ease}.top-performer-item:hover{background-color:#f3f4f6}.performer-info{display:flex;align-items:center;flex:1}.performer-name{font-size:13px;font-weight:500;color:#454a53}.performer-stats{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.performer-value{font-size:14px;font-weight:600;color:#1f2937}.performer-price{font-size:12px;color:#9ea2ad}@media(max-width:1024px){.quick-actions-grid,.status-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.quick-actions-grid,.status-cards-grid,.sales-recent-activities{grid-template-columns:1fr}}.content-container{padding:20px;background-color:var(--color-white);border-radius:8px}@media(max-width:768px){.content-container{padding:15px}}@media(max-width:480px){.content-container{padding:12px}}.export-csv-container{display:none}.primary-button{color:var(--color-white);background-color:var(--primary-color);padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:500;transition:all .3s;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.primary-button:hover{background-color:var(--hover-state-primary)}.secondary-button{color:var(--primary-color);background-color:var(--color-white);padding:10px 16px;border:1.5px solid var(--primary-color);border-radius:6px;cursor:pointer;font-size:15px;font-weight:500;transition:all .3s;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.secondary-button:hover{background-color:var(--primary-color);color:var(--color-white)}@media(max-width:768px){.primary-button,.secondary-button{font-size:14px;padding:9px 14px}}@media(max-width:480px){.primary-button,.secondary-button{font-size:13px;padding:8px 12px;width:100%}}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff url(chevron-down.svg) no-repeat right 10px center;background-size:16px;border:1px solid #ccc;border-radius:8px;cursor:pointer}.date-label{display:flex;justify-content:space-between;align-items:center;position:relative}.filters-container input[type=date]{position:absolute;inset:0;opacity:0;z-index:2;cursor:pointer}.filters-container{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;flex-wrap:wrap;background-color:var(--color-white);padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000f}.filters-left-group{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;flex:1;min-width:0}.filters-right-group{display:flex;gap:12px;align-items:stretch;flex-shrink:0}.filters-container select,.filters-container .date-label,.filters-container .search-bar,.filters-container button{height:44px;border:solid 1.5px #E5E7EB;border-radius:10px;padding:0 14px;outline:none;font-size:14px;font-weight:400;background:#f9fafb;transition:all .2s ease;box-sizing:border-box}.filters-container select{min-width:140px;flex:0 1 auto}.filters-container select:hover,.filters-container .date-label:hover,.filters-container .search-bar:hover{background-color:var(--color-white);border-color:var(--primary-color)}.filters-container select:focus,.filters-container .search-bar:focus-within,.filters-container .date-label:focus-within{background-color:var(--color-white);border-color:var(--primary-color);box-shadow:0 0 0 3px #556b2f1a}.filters-container select option{background:var(--color-white);color:var(--color-black)}.date-filter-wrapper{position:relative;display:inline-block}.date-label{display:flex;align-items:center;gap:6px;position:relative;cursor:pointer;min-width:140px;max-width:140px;height:fit-content;flex:0 0 auto}.date-label .date-label-text{font-size:14px;white-space:nowrap;color:#4b5563}.date-label .date-icon{font-size:16px;color:#6c6c6c;margin-left:auto}.date-label input[type=date]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:2;cursor:pointer;border:none;padding:0}.search-bar{display:flex;align-items:center;gap:8px;flex:0 1 280px;min-width:200px}.search-bar .search-icon{font-size:18px;color:#9ca3af;flex-shrink:0}.search-bar .search-input{border:none;outline:none;flex:1;font-size:14px;background:transparent;min-width:0;height:100%}.search-bar .search-input::placeholder{color:#9ca3af}.filters-right-group button,.filters-right-group a{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 18px;font-weight:600;cursor:pointer;white-space:nowrap;border:none;color:var(--color-white);background-color:var(--primary-color);min-width:fit-content;flex:0 0 auto;text-decoration:none;height:44px;border-radius:10px;font-size:14px;box-shadow:0 2px 4px #556b2f26;transition:all .2s ease}.filters-right-group button:hover,.filters-right-group a:hover{background-color:var(--hover-state-primary);box-shadow:0 4px 6px #556b2f33;transform:translateY(-1px)}.filters-right-group button:active,.filters-right-group a:active{transform:translateY(0);box-shadow:0 1px 2px #556b2f26}.filters-left-group button.reset-filter{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 18px;font-weight:600;cursor:pointer;white-space:nowrap;background-color:var(--primary-color);border:none;color:var(--color-white);min-width:fit-content;flex:0 0 auto;border-radius:10px;box-shadow:0 2px 4px #556b2f26;transition:all .2s ease}.filters-container button .btn-icon{font-size:14px;flex-shrink:0}.filters-container button .btn-text{display:inline}.filters-left-group button.reset-filter:hover{background-color:var(--hover-state-primary);box-shadow:0 4px 6px #556b2f33;transform:translateY(-1px)}.filters-left-group button.reset-filter:active{transform:translateY(0);box-shadow:0 1px 2px #556b2f26}@media(max-width:1024px){.filters-container{gap:16px;padding:18px}.filters-left-group,.filters-right-group{gap:10px}.filters-container select,.date-label{min-width:130px}.search-bar{flex:1 1 220px}.filters-right-group button,.filters-right-group a{padding:0 16px;font-size:13px}}@media(max-width:768px){.filters-container{gap:12px;align-items:stretch;margin-top:15px;background-color:var(--color-white);padding:16px;border-radius:12px;box-shadow:0 2px 8px #0000000f}.filters-left-group,.filters-right-group{gap:10px;width:100%}.filters-left-group select,.filters-left-group .date-label{flex:1 1 calc(50% - 5px);min-width:0;border-radius:10px;border:1.5px solid #E5E7EB;background-color:#f9fafb;transition:all .2s ease}.filters-left-group select:focus,.filters-left-group .date-label:focus-within{background-color:var(--color-white);border-color:var(--primary-color);box-shadow:0 0 0 3px #556b2f1a}.filters-left-group .search-bar{flex:1 1 100%;border-radius:10px;border:1.5px solid #E5E7EB;background-color:#f9fafb;transition:all .2s ease}.filters-left-group .search-bar:focus-within{background-color:var(--color-white);border-color:var(--primary-color);box-shadow:0 0 0 3px #556b2f1a}.filters-left-group button.reset-filter{flex:1 1 100%;background-color:var(--primary-color);border:none;color:var(--color-white);font-weight:600;border-radius:10px;box-shadow:0 2px 4px #556b2f26;transition:all .2s ease}.filters-left-group button.reset-filter:hover{background-color:var(--hover-state-primary)}.filters-right-group{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filters-right-group button,.filters-right-group a{width:100%;border-radius:10px;font-weight:600;box-shadow:0 2px 4px #556b2f26;transition:all .2s ease}.filters-right-group button:active,.filters-right-group a:active{transform:scale(.98)}.filters-container select,.filters-container .date-label,.filters-container .search-bar,.filters-container button{height:42px;font-size:14px}.filters-container button .btn-text{display:inline}.filters-container button{padding:0 14px}.filters-container button .btn-icon{font-size:14px}}@media(max-width:480px){.filters-container{gap:12px;padding:14px;border-radius:10px}.filters-left-group,.filters-right-group{width:100%;gap:10px}.filters-left-group{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filters-left-group select,.filters-left-group .date-label{width:100%;border-radius:8px}.filters-left-group .search-bar,.filters-left-group button.reset-filter{grid-column:1 / -1;width:100%;border-radius:8px}.filters-right-group{display:flex;flex-direction:column;gap:10px}.filters-right-group button,.filters-right-group a{width:100%;height:44px;border-radius:8px;font-size:15px}.filters-container button .btn-text{display:inline}.filters-container select,.filters-container .date-label,.filters-container .search-bar,.filters-container button{height:44px;font-size:14px}}.resource-list-section{margin-top:50px;overflow-x:auto}.resource-list-section table{width:100%;min-width:900px;border-collapse:collapse;table-layout:auto}.resource-table thead{background-color:#f7f8f0}.resource-table thead tr th{color:var(--primary-color);font-weight:600;font-size:13px;padding:10px 16px;text-align:left}.resource-table tbody tr td{font-size:14px;padding:16px;color:#1f2937;border-bottom:1px solid #e5e7eb;white-space:nowrap}.resource-table tbody tr:hover{background-color:#f9fafb}.resource-table tbody tr td span{font-size:14px;font-weight:500}.resource-table tbody tr span.badge{border-radius:20px;padding:4px 12px}.resource-table tbody tr td span.active{background-color:#dcfce7;color:#166534}.resource-table tbody tr td span.inactive{background-color:#fef9c3;color:#854d0e}.resource-table tbody tr td span.pending{background-color:#f3f4f6;color:#1f2937}.resource-table tbody tr td span.dealer{background-color:#ffedd5;color:#9a3412}.resource-table tbody tr td span.retailer{background-color:#dbeafe;color:#1e40af}.resource-table tbody tr td span.user{background-color:#e0e7ff;color:#3730a3}.resource-table tbody tr td span.in-transit{background-color:#fef3c7;color:#92400e}.resource-table tbody tr td span.loaded-on-vessel,.resource-table tbody tr td span.medium{background-color:#f3f6f8}.resource-table tbody tr td span.new{background-color:#ccfec480}.resource-table tbody tr td span.delivered{background-color:#d1fae5;color:#065f46}.resource-table tbody tr td span.salvage{background-color:#c5c4fe80}.resource-table tbody tr td span.used,.resource-table tbody tr td span.high .resource-table tbody tr td span.not-purchased{background-color:#fec4c580}.resource-table tbody tr td.index,.resource-table thead tr th.index{padding-left:8px;padding-right:8px;text-align:center}.resource-table tbody tr td.name-id span{display:block}.resource-table tbody tr td.name-id span.name{font-weight:600;font-size:14px}.resource-table tbody tr td.name-id span.id{color:#6b7280;font-size:13px}.resource-table tbody tr td button{background-color:transparent;border:none;cursor:pointer;font-size:15px}.resource-table tbody tr td button:not(:last-of-type){margin-right:20px}.resource-table tbody tr td button.more-option{color:#4c4c4c}.pagination-container{display:flex;justify-content:flex-end;margin-top:30px}.pagination-controls{display:flex;gap:4px}.pagination-btn{padding:8px 12px;border:1px solid #d1d5db;background:var(--color-white);color:#374151;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;color:374151}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:var(--primary-color);color:var(--color-white);border-color:var(--primary-color)}.vehicle-shipment-categories{margin-top:30px;background-color:var(--color-white);min-height:90px;border-radius:12px;padding:20px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:15px;box-shadow:0 2px 8px #0000000f}.vehicle-shipment-categories .vehicles-togglers{background-color:#f3f4f6;border-radius:12px;padding:6px;display:flex;justify-content:flex-start;align-items:center;gap:6px;flex-wrap:wrap}.vehicle-shipment-categories .vehicles-togglers button{border:none;background-color:transparent;padding:10px 20px;border-radius:10px;font-size:14px;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:42px}.vehicle-shipment-categories .vehicles-togglers button.active{color:var(--color-white);background-color:#1fc16b;font-weight:600;box-shadow:0 2px 4px #1fc16b33}.vehicle-shipment-categories .vehicles-togglers button:hover:not(.active){background-color:#e5e7eb;color:#374151}.vehicle-shipment-categories .vehicles-togglers button:active{transform:scale(.97)}.vehicle-shipment-categories a.primary-button,.vehicle-shipment-categories .primary-button,.vehicle-shipment-categories .secondary-button{white-space:nowrap;display:inline-flex;align-items:center;gap:8px}.vehicle-shipment-categories a.primary-button{background-color:var(--primary-color);text-decoration:none}@media(max-width:1024px){.vehicle-shipment-categories{padding:16px 18px;min-height:80px}.vehicle-shipment-categories .vehicles-togglers{padding:5px;gap:5px}.vehicle-shipment-categories .vehicles-togglers button{padding:8px 16px;font-size:13px;min-height:38px}}@media(max-width:768px){.vehicle-shipment-categories{flex-direction:column;align-items:stretch;gap:15px;min-height:70px;padding:12px 15px;box-shadow:0 2px 6px #0000000d}.vehicle-shipment-categories .vehicles-togglers{width:100%;justify-content:flex-start;padding:6px;gap:6px;background-color:#f3f4f6;border-radius:12px}.vehicle-shipment-categories .vehicles-togglers button{padding:8px 16px;font-size:13px;min-height:38px;border-radius:10px;font-weight:500;transition:all .2s ease}.vehicle-shipment-categories .vehicles-togglers button.active{background-color:#1fc16b;box-shadow:0 2px 4px #1fc16b33}.vehicle-shipment-categories .vehicles-togglers button.inactive{background-color:transparent}.vehicle-shipment-categories .vehicles-togglers button:active{transform:scale(.97)}}@media(max-width:480px){.vehicle-shipment-categories{padding:10px;min-height:60px;box-shadow:0 1px 4px #0000000d}.vehicle-shipment-categories .vehicles-togglers{padding:5px;gap:5px;width:100%;justify-content:flex-start;border-radius:10px;background-color:#f3f4f6}.vehicle-shipment-categories .vehicles-togglers button{padding:8px 14px;font-size:12px;flex:1;min-width:fit-content;min-height:36px;border-radius:8px;font-weight:500}}.vechicle-listing-container{margin-top:30px;width:100%;overflow-x:auto}.vechicle-listing-container .resource-list-section{margin-top:50px;border:.86px solid #E5E7EB;padding:10px 0 0;border-radius:10px 10px 0 0;overflow-x:auto}.vechicle-listing-container .resource-list-section p.listing-header,.resource-list-section p.listing-header{font-size:16px;font-weight:600;padding:5px 12px 10px}.vechicle-name-id,.vechicle-name{display:flex;flex-direction:column;row-gap:8px}.vechicle-name-id p{display:flex;column-gap:12px;flex-wrap:wrap}.vechicle-name-id .car-name{font-size:16px;font-weight:600}.vechicle-name-id span.car-quick-info,.vechicle-name-id span.car-model-info{color:#000000b2;font-size:15px!important}td.views-intersted p{display:flex;flex-direction:column;row-gap:5px}td.location p{display:flex;align-items:center;justify-content:center;column-gap:5px}.car-process-badge span{padding:5px 10px}.resource-table tbody tr td.action{white-space:nowrap;padding-right:20px}.category-form-sidebar{position:fixed;top:0;right:-350px;width:330px;height:100vh;background-color:var(--color-white);box-shadow:-2px 0 10px #0000001a;transition:right .3s ease-in-out;z-index:1000;overflow-y:auto;padding:20px}.category-form-sidebar.show{right:0}.category-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #E5E7EB}.category-form-header h3{font-size:16px;font-weight:600;color:#1f2937}.close-sidebar-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-sidebar-btn:hover{color:#1f2937}.category-form{display:flex;flex-direction:column;gap:16px}.category-form .form-group{display:flex;flex-direction:column;gap:4px}.category-form .form-group label{font-size:12px;font-weight:500;color:#374151}.category-form .form-input{width:100%;padding:10px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:13px;color:#1f2937;background-color:var(--color-white);transition:border-color .2s}.category-form .form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #556b2f0d}.category-form .form-input::placeholder{color:#adaebc;font-size:12px}.category-form-actions{margin-top:20px;display:flex;justify-content:flex-end}.category-form-actions .btn-submit{background-color:var(--primary-color);color:var(--color-white);border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s}.category-form-actions .btn-submit:hover{background-color:var(--hover-state-primary)}.toggle-category-form-btn{position:fixed;bottom:30px;right:30px;background-color:var(--primary-color);color:var(--color-white);border:none;border-radius:50px;padding:14px 24px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #556b2f4d;transition:all .3s;z-index:999}.toggle-category-form-btn:hover{background-color:var(--hover-state-primary);box-shadow:0 6px 16px #556b2f66;transform:translateY(-2px)}.filters-container button.filter{display:flex;align-items:center;gap:8px;justify-content:center}.add-new-vechicle-prompt{display:flex;justify-content:space-between;align-items:center;padding:15px 32px;background-color:var(--color-white);box-shadow:0 2px 8px #0000001a;border-radius:12px;margin-bottom:25px}.add-new-vechicle-prompt h2{font-size:18px;font-weight:600;color:#111827}.add-new-vechicle-prompt a{display:flex;align-items:center;padding:7px 15px;background-color:var(--primary-color);color:var(--color-white);border-radius:10px;transition:background-color .3s ease}.add-new-vechicle-prompt a:hover{background-color:var(--hover-state-primary)}.shipping-deliver-table-container thead{background-color:#e5e7eb}.shipping-deliver-table-container thead tr th{color:#374151;font-weight:500}.section-1-form-container{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.form-section{display:flex;flex-direction:column;background:var(--color-white);border-radius:12px;padding:15px 32px;box-shadow:0 2px 8px #0000001a;margin-bottom:32px}.section-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 18px;border-bottom:1px solid #E5E7EB}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row.grid-3{grid-template-columns:1fr 1fr 1fr}.form-group{margin-bottom:20px}.form-group.full-width{width:100%}.form-group label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:2px}.form-input,.form-select{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background-color:#fff;transition:border-color .2s ease}.form-input[readonly]{color:#adaebc}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #556b2f0d}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;appearance:none}.date-input{position:relative}.address-section{display:flex;flex-direction:column;margin-top:20px}.additional-info-section .form-row{grid-template-columns:1fr 1fr 1fr}.form-textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background-color:var(--color-white);resize:vertical;min-height:100px;font-family:inherit;transition:border-color .2s ease}.form-checkbox-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;row-gap:10px;margin-bottom:20px}.form-checkbox-container label{display:flex;align-items:center;column-gap:5px;font-size:13px;font-weight:500;color:#374151}.upload-vehicle-container{margin-bottom:40px;border:#D1D5DB 1.4px dashed;padding:15px;border-radius:8px}.upload-vehicle-container h2{font-size:15px;font-weight:500;margin-bottom:10px;color:#374151}.upload-vehicle-parent,.other-upload-images{display:flex;column-gap:20px}.upload-vehicle-parent{justify-content:center}.upload-vehicle-container p{text-align:center;margin-top:10px;font-size:14px;font-weight:500;color:#7c7c7c}.upload-vehicle-container label{display:flex;justify-content:center;align-items:center;font-size:16px;height:120px;width:180px;background-color:#d9d9d930;color:#aaa;font-weight:900;padding:5px 10px;border-radius:6px;cursor:pointer}.upload-vehicle-container label input{display:none}@media(max-width:768px){.upload-vehicle-parent{flex-direction:column;gap:15px}.other-upload-images{flex-wrap:wrap;gap:15px}.upload-vehicle-container label{width:100%;max-width:300px}}@media(max-width:480px){.upload-vehicle-container label{height:100px;width:100%}.other-upload-images{flex-direction:column}}.form-checkbox-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}@media(max-width:768px){.form-checkbox-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:480px){.form-checkbox-container{grid-template-columns:1fr}}.current-images-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.current-image-item{width:100%}@media(min-width:992px){.current-images-grid{grid-template-columns:repeat(4,1fr)}.current-image-item img{height:200px!important}}@media(min-width:769px)and (max-width:991px){.current-images-grid{grid-template-columns:repeat(3,1fr)}.current-image-item img{height:180px!important}.current-images-section .current-images-grid .current-image-item:nth-child(4):last-child{grid-column:2 / 3}}@media(min-width:481px)and (max-width:768px){.current-images-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.current-image-item img{height:180px!important}.current-images-section .current-images-grid .current-image-item:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;max-width:50%}.current-images-section .current-images-grid .current-image-item:last-child:nth-child(odd) img{width:100%}}@media(max-width:480px){.current-images-grid{grid-template-columns:1fr}.current-image-item img{height:220px!important}}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1.5px solid #e5e7eb}.form-actions button{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.form-actions button.btn-cancel{background-color:var(--color-white);color:#374151;border:1.5px solid #d1d5db}.form-actions button.btn-cancel:hover{background-color:#f9fafb;border-color:#9ca3af}.form-actions button.btn-submit{background-color:var(--primary-color);color:#fff;display:flex;align-items:center;gap:8px}.form-actions button.btn-submit:hover{background-color:var(--hover-state-primary)}.recent-shipments{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000001a}.shipments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.shipments-title{font-size:17px;font-weight:600;color:#1a1a1a;margin:0}.view-all-link{color:var(--primary-color);font-size:14px;transition:all .2s ease}.view-all-link:hover{text-decoration:underline}.create-auction-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.back-button{display:flex;align-items:center;gap:8px;background:none;border:none;color:#556b2f;font-size:14px;font-weight:500;cursor:pointer;padding:8px 0;transition:opacity .2s}.back-button:hover{opacity:.7}.page-title{font-size:28px;font-weight:700;color:#1f2937;margin:0}.page-subtitle{font-size:14px;color:#6b7280;margin:0}.auction-creation-container{padding:20px;max-width:1200px;margin:0 auto}.back-button{display:flex;align-items:center;gap:8px;background:none;border:none;color:#6b7280;font-size:14px;font-weight:400;cursor:pointer;padding:8px 0;margin-bottom:20px;transition:color .2s}.back-button:hover{color:var(--primary-color)}.auction-page-title{text-align:center;margin-bottom:40px}.auction-page-title h1{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 8px}.auction-page-title p{font-size:14px;color:#6b7280;margin:0}.auction-stepper-container{display:flex;justify-content:center;align-items:center;margin:40px 0;padding:0 60px}.auction-stepper-wrapper{display:flex;align-items:center;flex:1}.auction-stepper-wrapper:last-child{flex:0}.auction-stepper-circle{width:44px;height:44px;border-radius:50%;background-color:#e5e7eb;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;transition:all .3s;position:relative;z-index:1}.auction-stepper-circle.active,.auction-stepper-circle.completed{background-color:var(--primary-color);color:#fff}.auction-stepper-line{flex:1;height:2px;background-color:#e5e7eb;margin:0 -2px}.auction-stepper-wrapper .auction-stepper-circle.completed~.auction-stepper-line{background-color:var(--primary-color)}.auction-step-content{margin-bottom:30px}.auction-section-header{text-align:center;margin-bottom:30px}.auction-section-header h2{font-size:28px;font-weight:600;color:#1f2937;margin:0 0 8px}.auction-section-header p{font-size:14px;color:#6b7280}.user-details-page-header .status-badge.verified{background:#dcfce7;color:#166534}.auction-form-section{margin-bottom:30px}.auction-vehicle-selection-box{background:#fff;border:1px solid #E5E7EB;border-radius:8px;padding:24px;width:100%;box-sizing:border-box}.auction-vehicle-selection-box h3{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 20px}.auction-search-wrapper{position:relative;margin-bottom:20px}.auction-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:16px}.auction-search-input{width:100%;padding:12px 16px 12px 48px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.auction-search-input:focus{border-color:var(--primary-color)}.auction-vehicles-list{display:flex;flex-direction:column;gap:8px;width:100%;padding:0}.auction-vehicle-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #E5E7EB;border-radius:6px;cursor:pointer;transition:all .2s;background:#fff;width:100%;box-sizing:border-box}.auction-vehicle-card:hover{border-color:var(--primary-color);background-color:#f9fafb}.auction-vehicle-card.selected{border-color:#6c757d;background-color:#fff;border-width:2px;box-shadow:0 0 0 3px #6c757d1a}.auction-vehicle-icon-box{width:64px;height:64px;background-color:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#6b7280;flex-shrink:0}.auction-vehicle-info{flex:1;min-width:0}.auction-vehicle-info h4{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auction-vehicle-details{font-size:14px;color:#6b7280;margin:4px 0;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.auction-condition-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500;margin-left:4px}.auction-condition-badge.clean{background-color:#1f2937;color:#fff}.auction-condition-badge.used{background-color:#9ca3af;color:#fff}.auction-condition-badge.salvage{background-color:#dc2626;color:#fff}.auction-condition-badge.new{background-color:#10b981;color:#fff}.auction-vehicle-id{font-size:12px;color:#9ca3af;margin:4px 0 0}.auction-vehicle-price{text-align:right;flex-shrink:0;min-width:150px;max-width:200px}.auction-price-amount{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 4px;word-break:break-word}.auction-price-label{font-size:12px;color:#6b7280;margin:0 0 8px}.auction-vehicle-assets{font-size:12px;color:#9ca3af;margin:0;word-break:break-word}.auction-selected-vehicle{margin-bottom:24px;margin-left:12px;margin-right:12px;padding:16px;background-color:#f9fafb;border:1px solid #E5E7EB;border-radius:8px}.auction-selected-vehicle h4{font-size:14px;font-weight:600;color:#6b7280;margin:0 0 12px}.auction-vehicle-summary{display:flex;align-items:center;gap:12px}.auction-vehicle-summary strong{font-size:16px;color:#1f2937;display:block;margin-bottom:4px}.auction-vehicle-summary p{font-size:14px;color:#6b7280;margin:0;display:flex;align-items:center;gap:4px}.auction-est-value{font-size:14px;color:var(--primary-color);font-weight:600;margin-top:4px}.auction-form-group{margin-bottom:20px;padding:0 12px}.auction-form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.auction-form-group input,.auction-form-group select,.auction-form-group textarea{width:100%;padding:12px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;color:#1f2937;outline:none;transition:border-color .2s}.auction-form-group input:focus,.auction-form-group select:focus,.auction-form-group textarea:focus{border-color:var(--primary-color)}.auction-form-group input.error,.auction-form-group select.error,.auction-form-group textarea.error{border-color:#ef4444}.auction-form-group textarea{resize:vertical;min-height:120px;font-family:inherit}.auction-error-text{font-size:12px;color:#ef4444;margin-top:4px;display:block}.required{color:#ef4444}.auction-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;padding:0 12px}.auction-toggle-group{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background-color:#f9fafb;border-radius:8px;margin-bottom:20px;margin-left:12px;margin-right:12px}.auction-toggle-group label{font-size:14px;font-weight:500;color:#374151;margin-bottom:4px;display:block}.auction-field-description{font-size:12px;color:#6b7280;margin:4px 0 0}.auction-toggle-switch{position:relative;display:inline-block;width:48px;height:24px;flex-shrink:0}.auction-toggle-switch input{opacity:0;width:0;height:0}.auction-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:24px}.auction-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.auction-toggle-switch input:checked+.auction-toggle-slider{background-color:var(--primary-color)}.auction-toggle-switch input:checked+.auction-toggle-slider:before{transform:translate(24px)}.auction-summary-section{margin-bottom:24px;margin-left:12px;margin-right:12px;padding-bottom:24px;border-bottom:1px solid #E5E7EB}.auction-summary-section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.auction-summary-section h4{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px}.auction-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}.auction-summary-label{font-size:14px;color:#6b7280;margin:0 0 4px}.auction-summary-value{font-size:16px;font-weight:600;color:#1f2937;margin:0}.auction-form-navigation{display:flex;justify-content:space-between;gap:16px;padding:24px 0}.auction-btn-previous,.auction-btn-next,.auction-btn-draft,.auction-btn-submit{padding:12px 32px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.auction-btn-previous{background-color:#fff;color:#374151;border:1px solid #D1D5DB}.auction-btn-previous:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.auction-btn-previous:disabled{opacity:.5;cursor:not-allowed}.auction-btn-next,.auction-btn-submit{background-color:var(--primary-color);color:#fff}.auction-btn-next:hover,.auction-btn-submit:hover:not(:disabled){background-color:var(--hover-state-primary)}.auction-btn-draft{background-color:#fff;color:#374151;border:1px solid #D1D5DB}.auction-btn-draft:hover:not(:disabled){background-color:#f9fafb}.auction-btn-submit:disabled{background-color:#9ca3af;cursor:not-allowed}.auction-final-buttons{display:flex;gap:12px}@media(max-width:768px){.auction-creation-container{padding:15px}.auction-stepper-container{padding:0 20px}.auction-stepper-circle{width:36px;height:36px;font-size:14px}.auction-vehicle-selection-box{padding:16px}.auction-vehicle-card{flex-direction:column;align-items:flex-start}.auction-vehicle-price{text-align:left;width:100%}.auction-form-row,.auction-summary-grid{grid-template-columns:1fr}.auction-form-navigation{flex-direction:column}.auction-final-buttons{flex-direction:column;width:100%}.auction-btn-previous,.auction-btn-next,.auction-btn-draft,.auction-btn-submit{width:100%}}@media(max-width:480px){.auction-page-title h1{font-size:20px}.auction-section-header h2{font-size:22px}.auction-vehicles-list{max-height:300px}.auction-vehicle-icon-box{width:48px;height:48px;font-size:20px}.auction-stepper-container{padding:0 10px}.auction-stepper-circle{width:32px;height:32px;font-size:12px}}.metric-value-small{font-size:14px;font-weight:600;color:#1f2937;margin:0}.time-remaining{color:#dc2626;font-weight:600;font-size:14px}.end-time,.bid-meta{font-size:12px;color:#6b7280;margin-top:4px}.badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;display:inline-block}.badge-scheduled{background-color:#e8f5e9;color:#2e7d32}.badge-pending{background-color:#fff3e0;color:#e65100}.badge-paid{background-color:#e3f2fd;color:#1565c0}.vehicle-actions{display:flex;gap:12px;align-items:center}.vehicle-actions button{background-color:transparent;border:none;cursor:pointer;font-size:16px;padding:4px;transition:color .2s}.vehicle-actions button:hover{color:var(--primary-color)}.search-container{position:relative;width:100%}.search-container .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:18px;pointer-events:none}.search-container input{width:100%;padding:10px 16px 10px 48px;border:1.5px solid #6C6C6C;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s;height:40px}.search-container input:focus{border-color:var(--primary-color)}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-state p{font-size:16px;margin:0}.error-state{text-align:center;padding:60px 20px}.error-message{font-size:16px;color:#dc2626;margin-bottom:20px}.primary-button:hover,.btn-primary:hover,.filters-container button.filter:hover{background-color:var(--hover-state-primary)!important}.vehicle-shipment-categories a.primary-button{background-color:var(--primary-color);white-space:nowrap;text-decoration:none;color:var(--color-white);padding:8px 16px;border-radius:6px;transition:background-color .3s}.vehicle-shipment-categories a.primary-button:hover{background-color:var(--hover-state-primary)}.vehicle-shipment-categories .vehicles-togglers button.active{color:var(--color-white);background-color:#1fc16b;font-weight:500}.badge.scheduled{background-color:#e8f5e9;color:#2e7d32}.resource-table tbody tr td button.view,.resource-table tbody tr td button.edit{background-color:transparent;border:none;cursor:pointer;font-size:15px;transition:color .2s}.resource-table tbody tr td button.view{color:var(--primary-color)}.resource-table tbody tr td button.view:hover{opacity:.7}.resource-table tbody tr td button.edit{color:#2563eb}.resource-table tbody tr td button.edit:hover{opacity:.7}.location{display:flex;align-items:center;gap:4px}@media(max-width:768px){.metrics-grid{grid-template-columns:1fr 1fr;gap:15px}.filters-container{grid-template-columns:1fr 1fr;gap:10px}.vehicle-shipment-categories{flex-direction:column;align-items:stretch}.vehicle-shipment-categories .vehicles-togglers{justify-content:center}}@media(max-width:480px){.metrics-grid,.filters-container{grid-template-columns:1fr}.vehicle-shipment-categories .vehicles-togglers button{font-size:12px;padding:4px 8px}.resource-table{font-size:13px}.resource-table thead tr th,.resource-table tbody tr td{padding:10px 12px}}.auction-details-content{margin-top:20px}.auction-status-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;border-radius:12px;margin-bottom:30px;text-align:center}.auction-status-banner.active{background:linear-gradient(135deg,#10b981,#059669)}.auction-status-banner.scheduled{background:linear-gradient(135deg,#f59e0b,#d97706)}.auction-status-banner.ended{background:linear-gradient(135deg,#6b7280,#4b5563)}.auction-status-banner h2{font-size:32px;font-weight:700;margin:0 0 8px}.auction-status-banner .time-remaining{font-size:18px;font-weight:500;margin:0;color:#ffffffe6}.auction-details-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.auction-details-left,.auction-details-right{display:flex;flex-direction:column;gap:24px}.vehicle-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px}.vehicle-info-item{display:flex;flex-direction:column;gap:4px}.vehicle-info-item .label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.vehicle-info-item .value{font-size:14px;color:#1f2937;font-weight:600}.auction-info-section{margin:16px 0}.auction-info-section h4{font-size:12px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.auction-info-section p{font-size:14px;color:#1f2937;line-height:1.6;margin:0}.auction-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.stat-card{display:flex;flex-direction:column;align-items:center;padding:16px;background:#f9fafb;border-radius:8px;gap:8px}.stat-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase}.stat-value{font-size:20px;color:#1f2937;font-weight:700}.bids-list{display:flex;flex-direction:column;gap:12px;margin-top:16px;max-height:400px;overflow-y:auto}.bid-item{padding:12px;background:#f9fafb;border-radius:8px;border-left:3px solid var(--primary-color)}.bid-info{display:flex;justify-content:space-between;align-items:center}.bid-amount{font-size:16px;font-weight:700;color:#1f2937}.bid-time{font-size:12px;color:#6b7280}.auction-action-buttons{display:flex;gap:12px;margin-top:16px}@media(max-width:1024px){.auction-details-grid{grid-template-columns:1fr}.auction-stats-grid{grid-template-columns:repeat(2,1fr)}.vehicle-info-grid{grid-template-columns:1fr}}@media(max-width:480px){.auction-status-banner h2{font-size:24px}.auction-status-banner .time-remaining{font-size:14px}.auction-stats-grid{grid-template-columns:1fr}}.user-details-container{width:100%}.user-details-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:15px 0}.user-details-page-header .header-left{display:flex;align-items:center;column-gap:15px}.user-details-page-header .back-button{width:32px;height:32px;border:1px solid #E5E7EB;border-radius:6px;background:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:#9ca3af;transition:all .3s}.user-details-page-header .back-button:hover{border-color:var(--primary-color);color:var(--primary-color)}.user-details-page-header h2{font-size:17px;font-weight:600;color:#111827;margin:0}.user-details-page-header .header-right{display:flex;align-items:center;column-gap:12px}.user-details-page-header .status-badge{padding:5px 12px;border-radius:50px;font-size:12px;font-weight:500}.user-details-page-header .status-badge.verified,.user-details-page-header .status-badge.not-verified{background:#dcfce7;color:#166534}.user-details-page-header .status-badge.pending,.user-details-page-header .status-badge.not-verified{background:#fef9c3;color:#854d0e}.user-details-page-header .edit-user-btn{display:flex;align-items:center;column-gap:8px;padding:10px 18px;background:#6b7b47;color:var(--color-white);border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .3s}.user-details-page-header .edit-user-btn:hover{background:var(--hover-state-primary)}.user-details-grid{display:grid;grid-template-columns:1fr 320px;gap:20px;margin-top:20px}.left-column,.right-column{display:flex;flex-direction:column;gap:20px}.info-card,.profile-card,.quick-actions-card,.recent-activity-card,.documents-card{background:var(--color-white);border:1px solid #E5E7EB;border-radius:10px;padding:20px;box-shadow:0 1px 2px #0000000d}.info-card .card-title{display:flex;align-items:center;column-gap:8px;font-size:16px;font-weight:600;color:#111827;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #E5E7EB}.info-card .card-title .title-icon{color:#6b7b47;font-size:18px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-item{display:flex;flex-direction:column;gap:5px}.info-item.full-width{grid-column:1 / -1}.info-item label{font-size:12px;font-weight:500;color:#6b7280}.info-item span{font-size:14px;color:#111827;font-weight:400}.info-item .badge{width:fit-content;padding:4px 12px;border-radius:50px;font-size:12px;font-weight:400}.info-item .badge.verified{background:#dcfce7;color:#166534}.info-item .badge.pending{background:#fef9c3;color:#854d0e}.documents-list{display:flex;flex-direction:column;gap:12px}.document-item{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#f9fafb;border-radius:6px}.document-info{display:flex;align-items:center;gap:12px}.document-info .doc-icon{font-size:22px;color:#6b7b47}.document-info .doc-details h4{font-size:14px;font-weight:500;color:#111827;margin:0 0 3px}.document-info .doc-details p{font-size:12px;color:#6b7280;margin:0}.document-actions{display:flex;align-items:center;gap:8px}.document-actions .doc-status{padding:4px 10px;border-radius:50px;font-size:11px;font-weight:400}.document-actions .doc-status.verified{background:#dcfce7;color:#166534}.document-actions .doc-status.pending{background:#fef9c3;color:#854d0e}.document-actions .icon-btn{background:transparent;border:none;color:#9ca3af;font-size:15px;cursor:pointer;padding:4px;transition:color .3s}.document-actions .icon-btn:hover{color:var(--primary-color)}.profile-card{text-align:center}.profile-card .profile-content{display:flex;flex-direction:column;align-items:center;gap:8px}.profile-card .profile-image{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:8px}.profile-card h3{font-size:16px;font-weight:600;color:#111827;margin:0}.profile-card .user-type{font-size:14px;color:#6b7280;margin:0}.profile-card .status-badge{padding:5px 14px;border-radius:50px;font-size:12px;font-weight:400;margin-top:8px}.profile-card .status-badge.active{background:#f7f8f4;color:#6b7b47}.profile-card .status-badge.inactive{background:#f3f4f6;color:#6b7280}.quick-actions-card h3,.recent-activity-card h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 18px}.actions-list{display:flex;flex-direction:column;gap:10px}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:6px;font-size:14px;font-weight:400;cursor:pointer;transition:all .3s;width:100%}.action-btn.primary{background:#6b7b47;color:var(--color-white);border:none}.action-btn.primary:hover{background:var(--hover-state-primary)}.action-btn.secondary{background:var(--color-white);color:#374151;border:1px solid #D1D5DB}.action-btn.secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}.action-btn.danger{background:var(--color-white);color:#b91c1c;border:1px solid #FCA5A5}.action-btn.danger:hover{background:#fef2f2}.activity-list{display:flex;flex-direction:column;gap:14px}.activity-item{display:flex;align-items:flex-start;gap:10px}.activity-icon{color:#6b7b47;font-size:15px;margin-top:2px}.activity-details p{font-size:12px;color:#111827;margin:0 0 3px;line-height:1.4}.activity-details span{font-size:11px;color:#6b7280}@media(max-width:1024px){.user-details-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr;display:grid}.profile-card{grid-column:1 / -1}}@media(max-width:768px){.user-details-page-header{flex-direction:column;align-items:flex-start;gap:12px}.user-details-page-header .header-right{width:100%;justify-content:space-between}.info-grid,.right-column{grid-template-columns:1fr}.user-details-grid{gap:15px}}.rejection-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000001}.rejection-modal{background:var(--color-white);border-radius:10px;width:90%;max-width:500px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column}.rejection-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #E5E7EB}.rejection-modal .modal-header h3{font-size:18px;font-weight:600;color:#111827;margin:0}.rejection-modal .modal-header .close-btn{background:transparent;border:none;font-size:24px;color:#9ca3af;cursor:pointer;padding:0;line-height:1}.rejection-modal .modal-body{padding:24px;display:flex;flex-direction:column;gap:8px}.rejection-modal .modal-body label{font-size:14px;font-weight:500;color:#374151}.rejection-modal .modal-body textarea{width:100%;min-height:120px;padding:12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;resize:vertical}.rejection-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #E5E7EB}.rejection-modal .modal-footer .submit-btn{background-color:#dc2626;color:#fff;padding:10px 18px;border-radius:6px}.rejection-modal .modal-footer .submit-btn:hover{background-color:#b91c1c}.rejection-modal .modal-footer .cancel-btn{background-color:transparent;color:#374151;border:1px solid #D1D5DB;padding:10px 18px}.rejection-modal .modal-footer .cancel-btn:hover{background-color:#f9fafb}.rejection-modal .modal-body.edit-form{display:grid;grid-template-columns:1fr;gap:16px}.rejection-modal .modal-body .form-group{display:flex;flex-direction:column}.rejection-modal .modal-body .form-group label{margin-bottom:6px;font-size:13px;font-weight:500;color:#374151}.rejection-modal .modal-body .form-group input{width:100%;padding:10px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;transition:border-color .2s}.rejection-modal .modal-body .form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #556b2f1a}.rejection-modal .modal-footer .submit-btn{background-color:var(--primary-color)}.rejection-modal .modal-footer .submit-btn:hover{background-color:var(--hover-state-primary)}.reports-analytics-container{width:100%}.analytics-controls{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:30px}.time-filter-select{padding:8px 16px;border:1px solid #E5E7EB;border-radius:6px;font-size:14px;color:#374151;background:var(--color-white);cursor:pointer;outline:none;transition:border-color .2s}.time-filter-select:hover{border-color:var(--primary-color)}.export-button{display:flex;align-items:center;gap:8px;padding:8px 20px;background:var(--primary-color);color:var(--color-white);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s}.export-button:hover{background-color:var(--hover-state-primary)}.top-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.top-metric-card{background:var(--color-white);border-radius:16px;padding:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 12px #0000000f;transition:transform .2s,box-shadow .2s;border:1px solid #F3F4F6}.top-metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.metric-content h3{font-size:13px;font-weight:500;color:#6b7280;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.metric-content h2{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 8px}.metric-change{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500}.metric-change.positive{color:#10b981}.metric-change svg{font-size:12px}.metric-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.revenue-icon{background:#fef3c7;color:#d97706}.auctions-icon{background:#dbeafe;color:#2563eb}.users-icon{background:#f3e8ff;color:#7c3aed}.vehicles-icon{background:#dbeafe;color:#2563eb}.active-icon{background:#fef3c7;color:#d97706}.shipped-icon{background:#ffedd5;color:#f97316}.charts-row{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:30px}.chart-card{background:var(--color-white);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.chart-card.full-width{grid-column:1 / -1}.chart-card h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 20px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.chart-toggle{display:flex;background:#f3f4f6;border-radius:6px;padding:4px;gap:4px}.chart-toggle button{padding:6px 16px;border:none;background:transparent;color:#6b7280;font-size:13px;font-weight:500;border-radius:4px;cursor:pointer;transition:all .2s}.chart-toggle button.active{background:#fef3c7;color:#92400e}.line-chart-svg,.bar-chart-svg{width:100%;height:auto;max-height:300px}.chart-legend{display:flex;align-items:center;gap:8px;margin-top:16px;justify-content:center;font-size:13px;color:#6b7280}.legend-dot{width:12px;height:12px;background:var(--primary-color);border-radius:50%}.chart-content{position:relative}.metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.metric-box{background:var(--color-white);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.metric-box h3{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 20px}.analytics-item{margin-bottom:20px}.analytics-item:last-child{margin-bottom:0}.analytics-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.analytics-label span:first-child{font-size:13px;color:#6b7280}.analytics-value{font-size:14px;font-weight:700;color:#1f2937}.progress-bar{width:100%;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .5s ease}.progress-fill.new-reg{background:linear-gradient(90deg,var(--primary-color),#6B7B47)}.progress-fill.active-bid{background:linear-gradient(90deg,#3b82f6,#2563eb)}.shipping-stats{display:flex;gap:16px;margin-bottom:20px}.shipping-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:8px}.shipping-stat.success{background:#ecfdf5}.shipping-stat.cancelled{background:#fef2f2}.shipping-stat .stat-icon{font-size:32px}.shipping-stat.success .stat-icon{color:#10b981}.shipping-stat.cancelled .stat-icon{color:#ef4444}.shipping-stat .stat-value{font-size:28px;font-weight:700;color:#1f2937}.shipping-stat .stat-label{font-size:12px;color:#6b7280}.shipping-info{display:flex;flex-direction:column;gap:12px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-radius:6px}.info-row span:first-child{font-size:13px;color:#6b7280}.info-row span:last-child{font-size:14px;font-weight:600;color:#1f2937}.success-rate{color:#10b981!important}.status-list{display:flex;flex-direction:column;gap:16px}.status-item{display:flex;align-items:center;gap:12px}.status-indicator{width:12px;height:12px;border-radius:50%}.status-indicator.delivered{background:#10b981}.status-indicator.custom-cleared{background:#059669}.status-indicator.vessel-arrived{background:#1e3a8a}.status-indicator.in-transit{background:#3b82f6}.status-indicator.on-vessel{background:#f59e0b}.status-indicator.permitted{background:#8b5cf6}.status-indicator.title-available{background:#4f46e5}.status-indicator.title-pending{background:#6366f1}.status-indicator.picked-up{background:#d97706}.status-indicator.confirmed{background:#fbbf24}.status-indicator.pending{background:#9ca3af}.status-label{flex:1;font-size:14px;color:#374151}.status-value{font-size:16px;font-weight:700;color:#1f2937}.activity-log-card{background:var(--color-white);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.activity-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.view-all-btn{padding:6px 16px;background:transparent;border:1px solid #E5E7EB;color:var(--primary-color);font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.view-all-btn:hover{background:#f9fafb;border-color:var(--primary-color)}.activity-table-container{overflow-x:auto}.activity-table{width:100%;border-collapse:collapse}.activity-table thead{background:#f9fafb;border-radius:8px}.activity-table thead th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.activity-table tbody tr{border-bottom:1px solid #F3F4F6;transition:background-color .2s}.activity-table tbody tr:hover{background:#f9fafb}.activity-table tbody tr:last-child{border-bottom:none}.activity-table tbody td{padding:16px;font-size:14px;color:#374151}.admin-cell{display:flex;align-items:center;gap:12px}.admin-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-color);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.activity-status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.activity-status.success{background:#d1fae5;color:#065f46}.activity-status.action{background:#fee2e2;color:#991b1b}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:var(--color-white);border-radius:10px;padding:40px}.loading-container p{margin-top:16px;font-size:16px;color:#6b7280}.error-container{gap:16px}.error-container .error-message{font-size:16px;color:#dc2626;text-align:center}.error-container .retry-button{padding:10px 24px;background-color:var(--primary-color);color:var(--color-white);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s}.error-container .retry-button:hover{background-color:var(--hover-state-primary)}@media(max-width:1200px){.top-metrics-grid{grid-template-columns:repeat(2,1fr)}.charts-row{grid-template-columns:1fr}.metrics-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.analytics-controls{flex-direction:column;align-items:stretch}.analytics-controls .time-filter-select,.analytics-controls .export-button{width:100%;justify-content:center}.top-metrics-grid,.metrics-row{grid-template-columns:1fr}.shipping-stats{flex-direction:column}.activity-table{font-size:13px}.activity-table thead th,.activity-table tbody td{padding:10px 12px}}@media(max-width:480px){.metric-content h2{font-size:24px}.admin-avatar{width:32px;height:32px;font-size:12px}}.snapshot-section{background:var(--color-white);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #0000000f;border:1px solid #F3F4F6}.snapshot-section h3{font-size:15px;font-weight:600;color:#374151;margin:0 0 20px;display:flex;align-items:center}.snapshot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.snapshot-card{border-radius:14px;padding:20px 16px;text-align:center;border:1px solid #E5E7EB;position:relative;overflow:hidden;background:#fafafa;transition:all .2s ease}.snapshot-card:hover{background:#f3f4f6;transform:translateY(-2px)}.snapshot-card:nth-child(1){border-left:3px solid #3B82F6}.snapshot-card:nth-child(2){border-left:3px solid #10B981}.snapshot-card:nth-child(3){border-left:3px solid #F59E0B}.snapshot-card:nth-child(4){border-left:3px solid #8B5CF6}.snapshot-value{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:4px}.snapshot-label{font-size:12px;color:#6b7280;font-weight:500}.analytics-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.analytics-card{background:var(--color-white);border-radius:16px;padding:24px;box-shadow:0 4px 15px #00000014;border:1px solid #E5E7EB}.analytics-card h3{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 20px;display:flex;align-items:center}.bid-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.bid-stat{border-radius:12px;padding:16px;text-align:center;background:#fafafa;border:1px solid #E5E7EB;transition:all .2s ease}.bid-stat:hover{background:#f3f4f6}.bid-stat-value{display:block;font-size:24px;font-weight:700;color:#1f2937;margin-bottom:4px}.bid-stat-label{font-size:11px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.bid-total{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--primary-color);border-radius:12px;color:#fff}.bid-total span:first-child{font-size:14px;opacity:.9}.bid-total-value{font-size:20px;font-weight:700}.comparison-list{display:flex;flex-direction:column;gap:12px}.comparison-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:10px;background:#fafafa;border:1px solid #E5E7EB;transition:all .2s ease}.comparison-item:hover{background:#f3f4f6}.comparison-label{font-size:14px;color:#374151;font-weight:500}.comparison-values{display:flex;align-items:center;gap:12px}.comparison-values>span:first-child{font-size:20px;font-weight:700;color:#1f2937}.comparison-change{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px}.comparison-change.positive{background:#d1fae5;color:#059669}.comparison-change.negative{background:#fee2e2;color:#dc2626}.funnel-section{background:var(--color-white);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #0000000f;border:1px solid #F3F4F6}.funnel-section h3{font-size:15px;font-weight:600;color:#374151;margin:0 0 24px;display:flex;align-items:center}.funnel-container{display:flex;align-items:center;gap:8px}.funnel-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px}.funnel-bar{height:60px;background:var(--primary-color);border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.funnel-bar:hover{opacity:.9}.funnel-bar.delivered{background:#10b981}.funnel-count{font-size:18px;font-weight:700;color:#fff}.funnel-label{font-size:11px;color:#6b7280;font-weight:500}.funnel-arrow{font-size:10px;font-weight:600;color:#6b7280;padding:4px 8px;background:#f3f4f6;border-radius:4px}.trends-section{background:var(--color-white);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #0000000f;border:1px solid #F3F4F6}.trends-section h3{font-size:15px;font-weight:600;color:#374151;margin:0 0 20px;display:flex;align-items:center}.line-chart-container{width:100%;overflow-x:auto;background:#fafafa;border-radius:12px;padding:16px;border:1px solid #E5E7EB}.line-chart{width:100%;height:auto;min-height:200px}.performers-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.performers-card{background:var(--color-white);border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f;border:1px solid #F3F4F6}.performers-card h3{font-size:15px;font-weight:600;color:#374151;margin:0 0 20px;display:flex;align-items:center}.performers-list{display:flex;flex-direction:column;gap:8px}.performer-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;background:#fafafa;border:1px solid #E5E7EB;transition:all .2s ease}.performer-item:hover{background:#f3f4f6}.performer-rank{font-size:13px;font-weight:700;color:var(--primary-color);min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:6px}.performer-info{flex:1;display:flex;flex-direction:column;gap:2px}.performer-name{font-size:13px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.performer-detail{font-size:11px;color:#6b7280}.no-data{text-align:center;color:#9ca3af;font-size:13px;padding:20px;background:#fafafa;border-radius:10px;border:1px solid #E5E7EB}@media(max-width:1024px){.snapshot-grid{grid-template-columns:repeat(2,1fr)}.analytics-row,.performers-row{grid-template-columns:1fr}.funnel-container{flex-wrap:wrap;justify-content:center}.funnel-step{min-width:80px}}@media(max-width:600px){.snapshot-grid{grid-template-columns:1fr 1fr}.snapshot-value{font-size:24px}.bid-stats-grid{grid-template-columns:1fr}.funnel-container{flex-direction:column}.funnel-step{width:100%}.funnel-bar{width:100%!important;min-width:unset!important}.funnel-arrow{transform:rotate(90deg)}}.logout-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.logout-modal{background-color:var(--color-white);border-radius:12px;padding:32px;max-width:420px;width:90%;box-shadow:0 10px 25px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.logout-modal-title{font-size:22px;font-weight:700;color:#111827;margin-bottom:12px;text-align:center}.logout-modal-message{font-size:15px;color:#6b7280;margin-bottom:28px;text-align:center;line-height:1.5}.logout-modal-actions{display:flex;gap:12px;justify-content:center}.logout-modal-cancel,.logout-modal-confirm{padding:12px 32px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.logout-modal-cancel{background-color:#f3f4f6;color:#374151}.logout-modal-cancel:hover{background-color:#e5e7eb;transform:translateY(-1px)}.logout-modal-confirm{background-color:#dc2626;color:var(--color-white)}.logout-modal-confirm:hover{background-color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 8px #dc26264d}@media(max-width:768px){.logout-modal{padding:24px}.logout-modal-actions{flex-direction:column}.logout-modal-cancel,.logout-modal-confirm{width:100%}}@media(max-width:480px){.logout-modal-title{font-size:20px}.logout-modal-message{font-size:14px}}@media(min-width:769px){.authentication-layout-container{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr!important;height:100vh!important;overflow:hidden!important}.authentication-image-content{height:100%!important}}@media(max-width:1024px)and (min-width:769px){.authentication-layout-container{grid-template-columns:45% 55%!important}.authentication-image-top-content{padding:0 5%}.authentication-image-content h1{font-size:26px}.authentication-image-content ul{width:85%}}@media(max-width:768px){.authentication-layout-container{grid-template-columns:1fr!important;grid-template-rows:auto 1fr!important;height:auto!important;min-height:100vh!important;overflow-y:auto!important}.authentication-image-content{height:35vh!important;min-height:280px!important}.authentication-image-top-content{padding:20px 5%}.authentication-image-content img{width:120px}.authentication-image-content h1{font-size:20px;margin:10px 0}.authentication-image-content p{font-size:13px}.authentication-image-content ul{width:95%;margin-top:10px}.authentication-image-content li{font-size:12px}.authentication-body-content{padding:30px 5%}.authentication-body-top-content{width:90%}.authentication-body-top-content h2.form-header{font-size:24px}}.mobile-menu-btn{display:none;background-color:transparent;border:none;font-size:22px;color:#556b2f;cursor:pointer;padding:6px;margin-right:8px;transition:background-color .2s;border-radius:4px;flex-shrink:0}.mobile-menu-btn:hover{background-color:#f3f4f6}.mobile-menu-btn:active{background-color:#e5e7eb}@media(max-width:768px){html,body{margin:0!important;padding:0!important;overflow-x:hidden;overflow-y:auto!important}.side-bar{position:fixed;left:-210px;top:0;transition:left .3s ease-in-out;z-index:10001}.side-bar.expanded{left:0;width:210px}.side-bar.collapsed{left:-80px}.side-bar.expanded:after{content:"";position:fixed;inset:0 0 0 210px;background-color:#00000080;z-index:-1}.parent-container{grid-template-columns:1fr;margin:0;padding:0}.main-content,.main-content.expanded,.main-content.collapsed{margin:0!important;width:100%;padding-top:0;overflow-y:auto!important;overflow-x:auto!important;height:100vh}.dynamin-content{padding:18px 15px}.mobile-menu-btn{display:flex!important;align-items:center;justify-content:center}.header{padding:10px 12px;flex-wrap:nowrap;gap:10px;align-items:center;min-height:56px}.page-header-details{flex:1;min-width:0;line-height:1.2}.page-header-details h1{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px;line-height:1.4;font-weight:700}.page-header-details p{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;margin-top:0}.header-profile-info{flex-shrink:0;gap:8px!important;column-gap:8px!important}.header-profile-info p{display:none}.header-profile-info button{font-size:18px;padding:4px}.profile-pic-frame{width:32px;height:32px;border-width:1.5px}.notification-badge{width:7px!important;height:7px!important}}@media(max-width:480px){.header{padding:10px}.page-header-details h1{font-size:14px}.page-header-details p{font-size:11px}.profile-pic-frame{width:30px;height:30px}.dynamin-content{padding:15px 12px}}.action-btn.warning{background:var(--color-white);color:#d97706;border:1px solid #FCD34D}.action-btn.warning:hover{background:#fffbeb;border-color:#f59e0b}.action-btn.success{background:var(--color-white);color:#059669;border:1px solid #6EE7B7}.action-btn.success:hover{background:#ecfdf5;border-color:#10b981}.action-btn.info{background:var(--color-white);color:#2563eb;border:1px solid #93C5FD}.action-btn.info:hover{background:#eff6ff;border-color:#3b82f6}.moderation-history-modal{min-width:600px;max-width:700px}.moderation-timeline{position:relative;padding-left:30px;max-height:500px;overflow-y:auto}.timeline-item{position:relative;padding-bottom:24px;margin-bottom:16px;border-left:2px solid #E5E7EB}.timeline-item:last-child{border-left:2px solid transparent;padding-bottom:0}.timeline-marker{position:absolute;left:-6px;top:0;width:10px;height:10px;border-radius:50%;background-color:#6b7b47;border:2px solid var(--color-white);box-shadow:0 0 0 2px #6b7b47}.timeline-content{padding-left:20px;padding-top:0}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.timeline-header strong{font-size:15px;color:#111827}.timeline-date{font-size:12px;color:#9ca3af}.timeline-reason{font-size:14px;color:#374151;margin:8px 0 4px}.timeline-notes{font-size:13px;color:#6b7280;margin:4px 0;font-style:italic}.timeline-admin{font-size:12px;color:#9ca3af;margin:8px 0 0}.submit-btn.danger{background-color:#ef4444}.submit-btn.danger:hover:not(:disabled){background-color:#dc2626}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s,box-shadow .2s}.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#6b7b47;box-shadow:0 0 0 3px #6b7b471a}