@import"https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&display=swap";header{display:flex;position:fixed;top:0;z-index:100;width:100vw;height:3vw;background:linear-gradient(90deg,var(--bg-navbar),var(--bg-secondary));box-shadow:var(--shadow-sm)}.themain{margin-top:4vw}.themain.no{margin-top:0}.user-data{display:flex;justify-content:space-around;align-items:center;padding:var(--spacing-md)}.top-header{direction:ltr;display:flex;width:100vw;height:3.6vw;align-items:center;justify-content:space-between;padding:.8vw 1.2vw;color:var(--text-primary);font-size:var(--font-size-lg);position:relative;background:linear-gradient(135deg,var(--bg-navbar),rgba(24,24,24,.95));-webkit-backdrop-filter:blur(.5vw);backdrop-filter:blur(.5vw);border-bottom:var(--border-gold)}.top-header .logo-banner{direction:ltr;display:flex;gap:.6vw;transition:transform .3s ease,filter .3s ease;animation:bannerin .8s ease;cursor:pointer;justify-content:center;align-items:center}@keyframes bannerin{0%{transform:translate(-5vw);opacity:0}to{transform:translate(0);opacity:1}}.top-header .logo-banner:hover{transform:scale(1.05);filter:brightness(1.1)}.top-header .logo-banner .logo-image{width:clamp(2vw,2.5vw,3vw);height:clamp(2vw,2.5vw,3vw)}.top-header .logo-banner .logo-name{font-size:clamp(1.4vw,1.8vw,2.2vw);color:var(--gold-primary);font-weight:var(--font-bold)}.top-header .nav-action{direction:ltr;display:flex;align-items:center;justify-content:center;gap:1.5vw;font-size:var(--font-size-md);animation:actionin .8s ease}@keyframes actionin{0%{transform:translate(5vw);opacity:0}to{transform:translate(0);opacity:1}}.top-header .nav-action .profile-icon,.top-header .nav-action .menu-icon{height:clamp(1.2vw,1.5vw,1.8vw);width:clamp(1.2vw,1.5vw,1.8vw);font-size:clamp(1.2vw,1.5vw,1.8vw);line-height:clamp(1.8vw,2vw,2.2vw);color:var(--gold-primary);cursor:pointer;transition:transform .3s ease,color .3s ease;border-radius:var(--radius-sm)}.top-header .nav-action .profile-icon:hover,.top-header .nav-action .menu-icon:hover{transform:scale(1.1);color:var(--gold-light);background:#ffd7001a}.top-header .nav-action a{color:var(--gold-primary);text-decoration:none;transition:color .3s ease,transform .3s ease;z-index:201;font-weight:var(--font-medium)}.top-header .nav-action a:hover{color:var(--gold-light);transform:translateY(-.1vw)}.nav-bar{display:flex;width:70vw;gap:4vw;height:clamp(2.5vw,3vw,3.5vw);align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-radius:var(--radius-md);margin:.5vw 0;padding:0 1vw;box-shadow:var(--shadow-sm)}.nav-bar .nav-bar-link{text-decoration:none;transition:all .3s ease;list-style-type:none;padding:.5vw 1vw;border-radius:var(--radius-sm);position:relative;overflow:hidden}.nav-bar .nav-bar-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);transition:left .5s ease}.nav-bar .nav-bar-link:hover:before{left:100%}.nav-bar .nav-bar-link.active{background:#ffd7001a;border-bottom:.15vw solid var(--gold-primary);transform:scale(1.05);font-weight:var(--font-bold);box-shadow:var(--shadow-gold)}.nav-bar .nav-bar-link a{color:var(--text-primary);font-size:clamp(.9vw,1.1vw,1.3vw);position:relative;z-index:1}.nav-bar .nav-bar-link.active a{color:var(--gold-primary)}.nav-bar .nav-bar-link:hover{transform:translateY(-.1vw);box-shadow:0 .3vw .8vw #0000004d}.side-Slider{display:flex;position:absolute;flex-direction:column;width:25vw;height:100vh;background:linear-gradient(180deg,var(--bg-tertiary),var(--bg-secondary));top:0;right:0;z-index:200;padding:3vw 1vw 0 2vw;overflow-y:auto;transition:width .4s ease;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(.5vw);backdrop-filter:blur(.5vw);font-size:1.4vw}.side-Slider.closed{width:0;padding:0}.side-silder-content{display:flex;flex-direction:column;justify-content:space-between;height:100%}.side-Slider.closed .side-silder-content{display:none}.side-Slider::-webkit-scrollbar{width:.5vw}.side-Slider::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}.side-Slider::-webkit-scrollbar-thumb{background:var(--gold-primary);border-radius:var(--radius-sm)}.side-silder-top-content{overflow-y:auto}.user-detailes-tab{width:100%;display:flex;justify-content:space-between;align-items:center}.user-name-textandicon{display:flex;justify-content:space-between;align-items:center}.user-name-text{margin-right:1vw}.user-gallery-name{color:var(--gold-dark);font-size:.8vw}.side-slider-footer-tab{font-size:1vw;display:flex;justify-content:space-between;align-items:center;margin:.6vw 0}.side-slider-footer-tab:hover{scale:1.05;color:var(--gold-primary)}@media(max-width:80vw){.nav-bar{width:90vw;gap:2vw;flex-wrap:wrap}.side-Slider{width:40vw}}@media(max-width:60vw){.top-header{height:clamp(4vw,5vw,6vw);padding:1vw;flex-direction:column;gap:1vw}.top-header .logo-banner .logo-name{font-size:clamp(2vw,2.5vw,3vw)}.nav-bar{width:95vw;height:auto;padding:1vw;gap:1vw}.nav-bar .nav-bar-link a{font-size:clamp(1.2vw,1.5vw,1.8vw)}.side-Slider{width:60vw;padding-top:2vw}}.side-slider-tab{margin:1vw 0;font-size:1vw;transition:.5s ease-in-out}.side-slider-tab:hover{width:94%;padding-right:2vw;scale:1.05}.market-view-page{display:flex;flex-direction:column;position:relative}.main{max-width:100vw;height:13vw;display:flex;padding:1vw}.single-market-logo-wrapper{display:flex;position:relative}.single-market-logo-wrapper .selected-market-logo{border:.2vw solid var(--gold-primary);border-radius:1.5vw;height:10vw;width:15vw;box-shadow:0 .4vw 2vw #ffffff26;overflow:hidden;object-fit:cover;animation:shrink 1s ease}.single-market-logo-wrapper .add-market-button{cursor:pointer;background-color:#000;border-radius:50%;height:3vw;width:3vw;display:flex;align-items:center;position:absolute;bottom:0vw;left:-1vw;font-size:3vw;color:var(--gold-primary)}@keyframes shrink{0%{transform:scale(1.4);opacity:0}to{transform:scale(1);opacity:1}}.single-market-logo-wrapper .add-market-button:hover{background-color:#fff;scale:1.1}.single-market-logo-wrapper .adding-model-box{background-color:gray;border-radius:1.5vw;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;position:absolute;top:100%;right:0;font-size:1vw;color:var(--gold-primary);z-index:10;transition:.5s ease-in-out}.single-market-logo-wrapper .adding-model-box.active{overflow:hidden;height:0}.single-market-logo-wrapper .adding-model-box .new-model-input{width:90%;height:20%;font-size:1.5vw;font-weight:700;text-align:center;color:#000}.single-market-logo-wrapper .adding-model-box .add-model-buttons{display:flex;width:80%;justify-content:space-around}.single-market-logo-wrapper .adding-model-box .add-model-buttons .add-model-confirm{background-color:green;padding:.3vw .5vw;color:#fff;border-radius:.4vw;cursor:pointer}.single-market-logo-wrapper .adding-model-box .add-model-buttons .add-model-cancel{cursor:pointer;background-color:red;padding:.3vw .5vw;color:#fff;border-radius:.4vw}.single-market-logo-wrapper .adding-model-box .add-model-buttons .add-model-confirm:hover,.single-market-logo-wrapper .adding-model-box .add-model-buttons .add-model-cancel:hover{scale:1.1}.models-grid{max-width:80vw;padding:2vw;display:flex;flex-wrap:wrap;gap:1vw;overflow:auto}.model-tab{display:flex;align-items:center;justify-content:center;height:4vw;color:var(--gold-primary);border:.2vw solid var(--gold-primary);border-radius:1vw;animation:fadefromright 1s ease;transition:.5s ease-in-out;position:relative}.model-tab.editable{flex-direction:column;justify-content:space-between;padding:.5vw 1vw}.model-name-top{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.model-name-top h2{font-size:1.2vw;text-align:center;margin:0}.model-actions-bottom{display:flex;gap:.8vw;justify-content:center;width:100%;padding-top:.3vw}.model-actions-bottom button{background:none;border:none;cursor:pointer;font-size:1vw;color:var(--gold-primary);transition:.3s ease}.model-actions-bottom button:hover{scale:1.2}.model-actions-bottom.hidden{display:none}.model-name-centered{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.model-name-centered h2{font-size:1.5vw;text-align:center;margin:0 1vw}.model-actions{display:none}.marketview-modal-overlay{position:relative;top:0;left:0;width:100vw;height:100vw;background-color:#00000080;display:flex;align-items:start;justify-content:start;z-index:1000}.edit-model-dialog{position:absolute;top:12vw;right:1vw;background-color:var(--text-dark);border:.2vw solid var(--gold-primary);border-radius:1vw;padding:1vw;display:flex;flex-direction:column;align-items:center;gap:1vw}.edit-model-dialog h4{color:var(--gold-primary);margin:0}.edit-model-dialog input{width:13vw;padding:.5vw;font-size:1vw;text-align:center;border:.1vw solid var(--gold-primary);border-radius:.5vw;background-color:var(--bg-primary);color:var(--gold-primary);text-align:rtl!important;direction:ltr!important}.edit-model-dialog .buttons{display:flex;gap:1vw}.edit-model-dialog .buttons button{padding:.5vw 1vw;border:none;border-radius:.5vw;cursor:pointer;font-size:1vw;transition:.3s}.edit-model-dialog .buttons button:first-child{background-color:green;color:#fff}.edit-model-dialog .buttons button:last-child{background-color:red;color:#fff}.edit-model-dialog .buttons button:hover{scale:1.1}@keyframes fadefromright{0%{transform:translate(50vw);opacity:0}to{transform:translate(0);opacity:1}}.model-tab h2{font-size:1.5vw;text-align:center;margin:0 1vw}.model-tab.active{background-color:var(--gold-primary);color:var(--text-dark)}.model-tab.active h2{color:var(--text-dark)}.model-tab:hover{scale:1.1;color:#c08a24;box-shadow:0 .4vw 2vw #ffffff26}.models-float_but{background-color:#fff;border-radius:50%;padding:.2vw}.edit-mode-btn{font-size:1vw;background-color:var(--gold-primary);box-shadow:0 4px 8px #0000004d;height:min-content;padding:.3vw .5vw;border-radius:1vw;position:absolute;top:-1vw;left:0;font-weight:700;color:#000;transition:.2s ease-in-out}.edit-mode-btn:hover{top:-1.1vw;box-shadow:0 4px 8px #0009}.car-card{overflow:hidden;color:#fff;margin:1.5vw;height:16vw;display:grid;grid-template-columns:repeat(7,2fr);grid-template-rows:repeat(5,1fr);grid-template-areas:"image image title title title title title" "image image content content content content action" "image image content content content content action" "image image content content content content action" "image image content content content content action";border-radius:1vw;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:.1vw solid rgba(255,215,0,.3);transition:all .3s ease;animation:cardfloating .6s ease;box-shadow:0 .3vw .8vw #0000004d}@keyframes cardfloating{0%{transform:translateY(5vw);opacity:0}to{transform:translateY(0);opacity:1}}.car-card:hover{cursor:pointer;transform:translateY(-.3vw);border-color:var(--gold-primary);box-shadow:0 .8vw 2vw #ffd70026}.image-wrapper{border-top-right-radius:1vw;border-bottom-right-radius:1vw;height:100%;grid-area:image;display:flex;position:relative;overflow:hidden;justify-content:center}.car-image{object-fit:cover;transition:transform .3s ease}.car-card:hover .car-image{transform:scale(1.05)}.car-identefier{display:flex;position:absolute;top:.5vw;right:.8vw;color:var(--gold-primary);background:#000000b3;padding:.2vw .8vw;border:.1vw solid var(--gold-primary);border-radius:1vw;font-size:.8vw;font-weight:700;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:5}.title{border-top-left-radius:1vw;background:linear-gradient(135deg,#ffd70026,#0009);display:flex;justify-content:space-between;align-items:center;grid-area:title;padding:.8vw 1.5vw .8vw 1vw;border-bottom:.05vw solid rgba(255,215,0,.2)}.title h2{font-size:1.2vw;line-height:1.3;margin:0}.car-name{color:var(--gold-primary);font-weight:700}.car-year,.car-power,.car-color{color:#fffc;font-weight:400}.content{padding:.8vw 1vw;grid-area:content;display:flex;justify-content:space-between;text-align:start;gap:1vw}.li-item{font-size:.85vw;padding:.3vw 0;align-items:start;font-weight:400;color:#ffffffd9;list-style:none;display:flex;align-items:baseline;gap:.5vw}.li-label{color:#ffd700cc;font-weight:700;min-width:6vw}.li-label:after{content:":";display:inline-block;margin-right:.3vw}.action{display:flex;flex-direction:column;justify-content:space-between;text-align:center;padding:.8vw 1vw .8vw 0;grid-area:action;border-left:.05vw solid rgba(255,215,0,.2)}.action .car-price{font-size:1vw;color:#fffc;margin-bottom:.5vw}.action .car-price .theprice{font-size:1.3vw;color:var(--gold-primary);font-weight:700}.action .car-location{font-size:.9vw;color:#ffffffb3;margin-bottom:.8vw}.sold-box{border-radius:1.5vw;justify-self:center;align-self:center;width:85%;margin:0 auto;padding:.2vw;transition:all .3s ease}.sold-box.available{background:linear-gradient(135deg,#2e7d32,#1b5e20);box-shadow:0 .1vw .5vw #4caf504d}.sold-box.chicking{background:linear-gradient(135deg,#ff8f00,#e65100);box-shadow:0 .1vw .5vw #ff98004d}.sold-box.sold{background:linear-gradient(135deg,#c62828,#b71c1c);box-shadow:0 .1vw .5vw #f443364d}.sold-box.unavailable{background:linear-gradient(135deg,#6a1b9a,#4a148c);box-shadow:0 .1vw .5vw #9c27b04d}.car-sale-state{color:#fff;font-size:1.1vw;font-weight:700;padding:.4vw 0;text-align:center}.car-sale-state.chicking{color:#1a1a1a}.car-card::-webkit-scrollbar{width:.3vw;height:.3vw}.car-card::-webkit-scrollbar-track{background:#0000004d;border-radius:.3vw}.car-card::-webkit-scrollbar-thumb{background:gold;border-radius:.3vw}@media(max-width:1200px){.car-card{height:18vw}.title h2{font-size:1.1vw}.li-item{font-size:.8vw}.li-label{min-width:5.5vw}}@media(max-width:1024px){.car-card{height:22vw;margin:1.5vw}.title h2{font-size:1vw}.car-name{font-size:1.1vw}.li-item{font-size:.75vw}.action .car-price{font-size:.9vw}.action .car-price .theprice{font-size:1.1vw}.car-sale-state{font-size:1vw}}@media(max-width:768px){.car-card{height:auto;display:flex;flex-direction:column;margin:2vw}.image-wrapper{height:40vw;border-radius:1vw 1vw 0 0}.car-image{width:100%;height:100%}.car-identefier{top:1vw;right:1vw;font-size:2vw;padding:.3vw 1.2vw}.title{flex-wrap:wrap;gap:1vw;padding:1.5vw}.title h2{font-size:2.5vw}.car-name{font-size:2.8vw}.content{flex-direction:column;padding:1.5vw}.content>div{width:100%!important;padding-right:0!important}.li-item{font-size:2.2vw;padding:.5vw 0;flex-wrap:wrap}.li-label{min-width:20vw;font-size:2.2vw}.action{border-left:none;border-top:.05vw solid rgba(255,215,0,.2);padding:1.5vw;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center}.action .car-price{font-size:2.2vw}.action .car-price .theprice{font-size:2.5vw}.action .car-location{font-size:2vw}.sold-box{width:30%;margin:0}.car-sale-state{font-size:2.2vw;padding:.5vw 0}}.floating-button{display:flex;position:fixed;right:var(--spacing-lg);bottom:var(--spacing-2xl);justify-content:center;align-items:center;color:var(--text-dark);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-xs);font-size:clamp(1.5vw,2vw,2.5vw);width:clamp(10vw,12vw,15vw);background:linear-gradient(135deg,var(--gold-primary),var(--gold-metallic));transition:transform .3s ease,box-shadow .3s ease,filter .3s ease;animation:floatIn .8s ease;box-shadow:var(--shadow-lg);border:.05vw solid rgba(255,215,0,.5);font-weight:var(--font-bold);cursor:pointer}@keyframes floatIn{0%{transform:translateY(5vw);opacity:0}to{transform:translateY(0);opacity:1}}.floating-button:hover{transform:translateY(-.3vw) scale(1.05);box-shadow:var(--shadow-gold);filter:brightness(1.1)}.floating-button .button-text{font-size:clamp(.9vw,1.1vw,1.3vw);white-space:nowrap}@media(max-width:80vw){.floating-button{right:var(--spacing-md);bottom:var(--spacing-xl);width:clamp(12vw,15vw,18vw);height:clamp(6vw,7vw,8vw);font-size:clamp(1.8vw,2.2vw,2.6vw)}}@media(max-width:60vw){.floating-button{right:var(--spacing-sm);bottom:var(--spacing-lg);width:clamp(15vw,18vw,20vw);height:clamp(7vw,8vw,9vw);font-size:clamp(2vw,2.4vw,2.8vw)}}.search-box{display:flex;justify-content:space-around;align-items:center;background:linear-gradient(135deg,var(--bg-secondary),rgba(42,42,42,.9));border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:var(--border-gold);-webkit-backdrop-filter:blur(.3vw);backdrop-filter:blur(.3vw);padding:.8vw 0;margin:0 .8vw}.dollar-sign{font-size:.9vw}.search-section{display:flex;align-items:center}.search-section label{font-size:1vw}.search-box input{width:5vw;padding:.3vw;height:100%;text-align:center;background:var(--bg-tertiary);border:var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-primary);transition:border-color .3s ease,box-shadow .3s ease;margin:0 .7vw}.search-box input:focus{outline:none;border-color:var(--gold-primary);box-shadow:var(--shadow-gold)}.search-box input::placeholder{color:var(--text-muted)}@media(max-width:80vw){.search-box{flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-sm)}.search-box input{width:clamp(6vw,8vw,10vw);height:2.5vw}}@media(max-width:60vw){.search-box{flex-direction:column;align-items:stretch}.search-box input{width:100%;height:3vw;margin-bottom:var(--spacing-xs)}}.submit-search-btn{background-color:var(--gold-primary);color:var(--text-dark);padding:.3vw;border-radius:.5vw;font-size:1vw;font-weight:700;cursor:pointer;transition:.4s ease-in-out}.submit-search-btn:hover{scale:1.04}.delete-search-btn{background-color:red;color:var(--text-primary);padding:.3vw;border-radius:.5vw;font-size:1vw;font-weight:700;cursor:pointer;transition:.4s ease-in-out}.delete-search-btn:hover{scale:1.04}.thebody{display:flex;height:auto;position:relative}.market-grid{padding:1vw;display:flex;flex-wrap:wrap;column-gap:1.5vw;row-gap:1.5vw;width:100%}.market-card-container{position:relative;transition:all .3s ease;width:15vw;flex-shrink:0;border:.15vw solid rgba(255,215,0,.4);border-radius:1.2vw;overflow:hidden;text-align:center;background:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.market-card-container:hover{transform:translateY(-.3vw);border-color:var(--gold-primary);box-shadow:0 .5vw 1.5vw #0006}.market-card-view{display:block;text-decoration:none;position:relative}.market-logo{object-fit:cover;height:10vw;width:100%;transition:all .3s ease;display:block}.market-logo:hover{transform:scale(1.05)}.card-actions{position:absolute;bottom:.5vw;left:50%;transform:translate(-50%);display:flex;gap:.8vw;z-index:10;width:auto}.card-actions.hidden{display:none}.edit-btn,.delete-btn{background:#000000b3;border:.1vw solid var(--gold-primary);border-radius:2vw;padding:.3vw .8vw;display:flex;align-items:center;justify-content:center;gap:.3vw;cursor:pointer;transition:all .2s ease;color:var(--gold-primary);font-size:.9vw;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 .1vw .3vw #0003}.edit-btn span:first-child,.delete-btn span:first-child{font-size:1vw}.btn-label{font-size:.7vw;font-weight:700}.edit-btn:hover{background:var(--gold-primary);color:var(--bg-primary);transform:scale(1.05);box-shadow:0 .2vw .5vw #ffd7004d}.delete-btn:hover{background:#c62828;border-color:#c62828;color:#fff;transform:scale(1.05)}.edit-btn:active,.delete-btn:active{transform:scale(.98)}.markets-modal-overlay{position:fixed;inset:0;background-color:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.add-market-dialog{position:relative;display:flex;flex-direction:column;gap:1.2vw;justify-content:center;align-items:center;background:#000000f2;border:.15vw solid var(--gold-primary);border-radius:1.2vw;padding:2vw;width:35vw;max-height:80vh;overflow-y:auto;box-shadow:0 1vw 2vw #00000080;animation:slideUp .3s ease}.close-dialog-btn{position:absolute;top:.8vw;right:.8vw;background:#0009;border:.1vw solid var(--gold-primary);color:var(--gold-primary);font-size:1.2vw;width:2vw;height:2vw;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.close-dialog-btn:hover{background:#c62828;border-color:#c62828;color:#fff;transform:scale(1.05)}.add-market-dialog h4{font-size:1.2vw;margin:0;color:var(--gold-primary);text-align:center}.add-market-dialog .market-name{padding:.6vw;text-align:center;border:.1vw solid rgba(255,215,0,.3);border-radius:.6vw;width:100%;font-size:.9vw;background:#0009;color:#fff;direction:ltr}.add-market-dialog .market-name:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 .5vw #ffd7004d}.add-market-dialog .image-wrapper{display:flex;justify-content:center;align-items:center;border:.15vw dashed rgba(255,215,0,.5);border-radius:.8vw;padding:1.5vw;width:100%;min-height:12vw;background:#0000004d}.add-image-button-dialog{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5vw;cursor:pointer;transition:all .2s ease;text-align:center;height:8vw;width:15vw;border:.15vw dashed var(--gold-primary);border-radius:.8vw}.add-image-button-dialog .plus-icon{font-size:2.5vw;font-weight:700;color:var(--gold-primary)}.add-image-button-dialog h4{font-size:.9vw;margin:0;color:var(--gold-primary)}.add-image-button-dialog:hover{transform:scale(1.05);background:#ffd7001a}.added-image-dialog{display:flex;justify-content:center;align-items:center;position:relative;width:95%}.added-image-dialog .image-dialog-add{border-radius:.6vw;max-height:10vw;width:auto;max-width:100%;object-fit:cover;border:.1vw solid var(--gold-primary)}.delete-image-btn{position:absolute;top:-.6vw;right:-.6vw;background:#c62828;color:#fff;border:none;border-radius:50%;width:1.8vw;height:1.8vw;font-size:1vw;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 .1vw .2vw #0003}.delete-image-btn:hover{transform:scale(1.1)}.buttons{display:flex;align-items:center;justify-content:center;gap:1vw;width:100%;margin-top:.5vw}.market-cancel-btn,.market-ok-btn,.delete-confirm-btn,.delete-cancel-btn{flex:1;padding:.6vw;font-size:.9vw;font-weight:700;border-radius:1.5vw;cursor:pointer;transition:all .2s ease;text-align:center;font-family:var(--font-primary)}.market-cancel-btn{background:transparent;color:#c62828;border:.1vw solid #c62828}.market-cancel-btn:hover{background:#c62828;color:#fff;transform:scale(1.02)}.market-ok-btn{background:transparent;color:#4caf50;border:.1vw solid #4caf50}.market-ok-btn:hover{background:#4caf50;color:#fff;transform:scale(1.02)}.delete-market-dialog{position:relative;display:flex;flex-direction:column;gap:1vw;justify-content:center;align-items:center;background:#000000f2;border:.15vw solid #c62828;border-radius:1.2vw;padding:2vw;width:30vw;text-align:center;animation:slideUp .3s ease}.warning-icon{font-size:3vw;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-.5vw)}75%{transform:translate(.5vw)}}.delete-market-dialog h4{font-size:1.5vw;margin:0;color:#c62828}.delete-market-dialog p{font-size:.9vw;margin:.5vw 0;color:#fffc;line-height:1.5}.delete-market-dialog .warning-text{color:#c62828;font-weight:700;font-size:.8vw;background:#c6282833;padding:.6vw;border-radius:.6vw;margin-top:.5vw}.delete-confirm-btn{background:transparent;color:#c62828;border:.1vw solid #c62828}.delete-confirm-btn:hover{background:#c62828;color:#fff;transform:scale(1.02)}.delete-cancel-btn{background:transparent;color:var(--gold-primary);border:.1vw solid var(--gold-primary)}.delete-cancel-btn:hover{background:var(--gold-primary);color:var(--bg-primary);transform:scale(1.02)}.add-market-dialog::-webkit-scrollbar{width:.3vw}.add-market-dialog::-webkit-scrollbar-track{background:#0000004d;border-radius:.5vw}.add-market-dialog::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:.5vw}.add-market-dialog::-webkit-scrollbar-thumb:hover{background:var(--gold-primary)}.no-data-text{margin:auto;font-size:1.2vw;color:var(--gold-primary);text-align:center;padding:3vw}@media(max-width:1024px){.market-card-container{width:22vw}.market-logo{height:14vw}}@media(max-width:768px){.market-card-container{width:42vw}.market-logo{height:25vw}.edit-btn,.delete-btn{padding:.5vw 1.2vw}.edit-btn span:first-child,.delete-btn span:first-child{font-size:2vw}.btn-label{font-size:1.4vw}.add-market-dialog{width:85vw;padding:4vw}.delete-market-dialog{width:80vw;padding:4vw}.add-market-dialog h4{font-size:3vw}.add-market-dialog .market-name{font-size:2.5vw;padding:1.5vw}.add-market-dialog .image-wrapper{min-height:20vw}.add-image-button-dialog .plus-icon{font-size:5vw}.add-image-button-dialog h4{font-size:2.5vw}.added-image-dialog .image-dialog-add{max-height:18vw}.delete-image-btn{width:3.5vw;height:3.5vw;font-size:2vw}.market-cancel-btn,.market-ok-btn,.delete-confirm-btn,.delete-cancel-btn{font-size:2.5vw;padding:1.2vw}.delete-market-dialog h4{font-size:4vw}.delete-market-dialog p{font-size:2.5vw}.delete-market-dialog .warning-text{font-size:2vw}.warning-icon{font-size:8vw}.close-dialog-btn{width:5vw;height:5vw;font-size:3vw;top:1.5vw;right:1.5vw}.no-data-text{font-size:3vw}}.show-menu-dots{position:absolute;color:#000;top:.7vw;z-index:100;left:-1vw;transform:rotate(-90deg);font-size:2vw;background-color:#fff;height:1.4vw}.show-menu-dots.hidden{display:none}.carspage{width:100vw;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.carspage::-webkit-scrollbar{width:.5vw}.carspage::-webkit-scrollbar-track{background:#0000004d;border-radius:.5vw}.carspage::-webkit-scrollbar-thumb{background:gold;border-radius:.5vw}.carspage::-webkit-scrollbar-thumb:hover{background:#fc0}.orders-page{padding:1vw;align-items:center;justify-content:center;overflow:auto;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);min-height:100vh}.orders-page .orders-header{display:flex;width:100%;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1vw;padding:1vw;background:#0006;border-radius:1vw;margin-bottom:1vw}.orders-page .orders-header .page-title{font-size:1.5vw;font-weight:700;color:gold;text-shadow:0 .1vw .3vw rgba(0,0,0,.5);margin:0}.orders-page .orders-header .orders-filters{display:flex;justify-content:flex-end;align-items:center;gap:2vw;flex-wrap:wrap}.orders-page .orders-header .orders-filters .has-match-filter{position:relative;min-width:8vw}.orders-page .orders-header .orders-filters .has-match-filter .has-match-filter-selected{border:.15vw solid rgba(255,215,0,.5);background:#0009;border-radius:.5vw;color:gold;display:flex;justify-content:space-between;align-items:center;padding:.4vw .6vw;cursor:pointer;transition:all .3s ease;font-size:1vw;white-space:nowrap;gap:.8vw}.orders-page .orders-header .orders-filters .has-match-filter .has-match-filter-selected:hover{border-color:gold;background:#000c}.orders-page .orders-header .orders-filters .has-match-filter .matching-options-list{position:absolute;top:calc(100% + .4vw);left:0;width:100%;min-width:10vw;background:#000000f2;border:.1vw solid rgba(255,215,0,.3);border-radius:.5vw;padding:.4vw 0;z-index:20;-webkit-backdrop-filter:blur(.5vw);backdrop-filter:blur(.5vw)}.orders-page .orders-header .orders-filters .has-match-filter .matching-options-list .matching-option{width:100%;padding:.5vw .8vw;color:#fff;cursor:pointer;transition:all .2s ease;font-size:.9vw;white-space:nowrap}.orders-page .orders-header .orders-filters .has-match-filter .matching-options-list .matching-option:hover{background:#ffd70033;color:gold}.orders-page .orders-header .orders-filters .has-match-filter .matching-options-list.active{display:none}.orders-page .orders-header .orders-filters .city-filter{position:relative;min-width:9vw}.orders-page .orders-header .orders-filters .city-filter .city-filter-selected{border:.15vw solid rgba(255,215,0,.5);background:#0009;border-radius:.5vw;color:gold;display:flex;justify-content:space-between;align-items:center;padding:.4vw .6vw;cursor:pointer;transition:all .3s ease;font-size:1vw;white-space:nowrap;gap:.8vw}.orders-page .orders-header .orders-filters .city-filter .city-filter-selected:hover{border-color:gold;background:#000c}.orders-page .orders-header .orders-filters .city-filter .city-options-list{position:absolute;top:calc(100% + .4vw);left:0;width:100%;min-width:10vw;background:#000000f2;border:.1vw solid rgba(255,215,0,.3);border-radius:.5vw;padding:.4vw 0;z-index:20;-webkit-backdrop-filter:blur(.5vw);backdrop-filter:blur(.5vw);max-height:40vh;overflow-y:auto}.orders-page .orders-header .orders-filters .city-filter .city-options-list .city-option{width:100%;padding:.5vw .8vw;color:#fff;cursor:pointer;transition:all .2s ease;font-size:.9vw;white-space:nowrap}.orders-page .orders-header .orders-filters .city-filter .city-options-list .city-option:hover{background:#ffd70033;color:gold}.orders-page .orders-header .orders-filters .city-filter .city-options-list.active{display:none}.my-hr{padding:0;margin:.2vw 0;line-height:1;color:#ffd7004d;text-align:center;font-size:.7vw;letter-spacing:.1vw}.orders-list{margin-top:1vw;display:flex;flex-direction:column;gap:1vw}.order-card{background:#0009;-webkit-backdrop-filter:blur(.5vw);backdrop-filter:blur(.5vw);border-radius:1vw;margin:0;display:flex;flex-direction:column;border:.1vw solid rgba(255,215,0,.3);box-shadow:0 .5vw 1.5vw #0000004d;transition:all .3s ease;overflow:hidden}.order-card:hover{transform:translateY(-.2vw);box-shadow:0 1vw 2vw #0006;border-color:#ffd70099}.order-card .order-card-top{background:linear-gradient(135deg,#ffd7001a,#000c);padding:.8vw 1.5vw;display:flex;justify-content:space-between;align-items:center;gap:1vw;flex-wrap:wrap;border-bottom:.1vw solid rgba(255,215,0,.3)}.order-card .order-card-top .client-info{display:flex;gap:1.5vw;align-items:baseline;flex-wrap:wrap}.order-card .order-card-top .client-name{color:gold;font-weight:700;font-size:1.1vw;background:#0006;padding:.2vw .8vw;border-radius:1vw}.order-card .order-card-top .client-phone{color:#fffc;font-size:.9vw;font-weight:500;direction:ltr;display:inline-block}.order-card .order-card-top .car-info{display:flex;gap:1.5vw;align-items:baseline;flex-wrap:wrap}.order-card .order-card-top .order-car-name{color:gold;font-weight:700;font-size:1vw}.order-card .order-card-top .order-car-year{color:#ffffffb3;font-size:.9vw;background:#0006;padding:.2vw .6vw;border-radius:1vw}.order-card .order-card-top .price-info .expected-price{color:gold;font-weight:700;font-size:1.1vw;background:#0006;padding:.2vw .8vw;border-radius:1vw}.order-card .order-card-middle{padding:.6vw 1.5vw;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8vw;background:#0000004d;border-bottom:.05vw solid rgba(255,215,0,.15)}.order-card .order-card-middle .gallery-info{display:flex;gap:.5vw;align-items:baseline;flex-wrap:wrap}.order-card .order-card-middle .gallery-label{color:#ffd700cc;font-size:.85vw}.order-card .order-card-middle .gallery-name{color:#fff;font-weight:700;font-size:.9vw}.order-card .order-card-middle .order-status{display:flex;gap:.5vw;align-items:baseline;flex-wrap:wrap}.order-card .order-card-middle .status-label{color:#ffd700cc;font-size:.85vw}.order-card .order-card-middle .status-value{padding:.2vw .8vw;border-radius:1vw;font-size:.85vw;font-weight:700}.status-value.status-جاد{background:#ffd70026;color:gold;border:.05vw solid rgba(255,215,0,.4)}.status-value.status-مستعجل{background:#ff980026;color:#ff9800;border:.05vw solid rgba(255,152,0,.4)}.status-value.status-استفسار{background:#2196f326;color:#64b5f6;border:.05vw solid rgba(33,150,243,.4)}.status-value.status-مؤجل{background:#f4433626;color:#ef5350;border:.05vw solid rgba(244,67,54,.4)}.order-card .order-card-bottom{padding:.8vw 1.5vw;display:flex;justify-content:space-between;gap:1vw;flex-wrap:wrap}.order-card .order-card-bottom .employee-info{flex:1.5;min-width:12vw;display:flex;flex-direction:column;gap:.5vw}.order-card .order-card-bottom .employee-avatar{color:#ffd700e6;font-size:.9vw;font-weight:700;display:flex;align-items:center;gap:.3vw}.order-card .order-card-bottom .employee-notes{color:#ffffffb3;font-size:.85vw;line-height:1.4;background:#0000004d;padding:.5vw;border-radius:.5vw}.order-card .order-card-bottom .cars-match{flex:1;min-width:15vw;display:flex;flex-direction:column;gap:.5vw;background:#ffd7000d;padding:.5vw;border-radius:.5vw;border:.05vw solid rgba(255,215,0,.15)}.order-card .order-card-bottom .cars-match .cars-match-top{display:flex;justify-content:space-between;align-items:center;padding:0 .3vw;flex-wrap:wrap;gap:.5vw}.order-card .order-card-bottom .cars-match .cars-match-label{color:#ffd700cc;font-size:.85vw}.order-card .order-card-bottom .cars-match .matches-count{color:gold;font-weight:700;font-size:1vw;background:#ffd70026;padding:.1vw .6vw;border-radius:1vw}.order-card .order-card-bottom .cars-match .matches{display:flex;flex-wrap:wrap;gap:.4vw;max-height:6vw;overflow-y:auto;padding:.3vw}.order-card .order-card-bottom .cars-match .matches .match-card{background:#ffd70033;color:gold;padding:.2vw .6vw;border-radius:.5vw;font-size:.75vw;font-weight:700;cursor:pointer;transition:all .2s ease;border:.05vw solid rgba(255,215,0,.3);white-space:nowrap}.order-card .order-card-bottom .cars-match .matches .match-card:hover{background:#ffd70066;color:#000;transform:scale(1.05)}.order-card .order-card-bottom .cars-match .matches .no-matches{color:#ffffff80;font-size:.75vw;padding:.2vw .6vw;font-style:italic}.order-card .order-card-bottom .cars-match .matches::-webkit-scrollbar{height:.2vw}.order-card .order-card-bottom .cars-match .matches::-webkit-scrollbar-track{background:#ffffff0d;border-radius:.2vw}.order-card .order-card-bottom .cars-match .matches::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:.2vw}.order-card .order-card-bottom .cars-match .matches::-webkit-scrollbar-thumb:hover{background:gold}.order-dialog{display:flex;flex-direction:column;width:100%;height:100%;z-index:3}.cancel-button{background:linear-gradient(135deg,#f44,#c00);width:5vw;min-width:60px;display:flex;justify-content:center;align-items:center;padding:.4vw .8vw;border-radius:.5vw;font-size:.9vw;cursor:pointer;transition:all .2s ease;color:#fff;font-weight:700;text-align:center}.cancel-button:hover{background:linear-gradient(135deg,#f66,red);transform:scale(1.02)}.no-orders-message{text-align:center;padding:3vw;color:gold;font-size:1.2vw;background:#0006;border-radius:1vw;margin:2vw;border:.1vw solid rgba(255,215,0,.3)}.orders-page::-webkit-scrollbar{width:.5vw}.orders-page::-webkit-scrollbar-track{background:#0000004d;border-radius:.5vw}.orders-page::-webkit-scrollbar-thumb{background:gold;border-radius:.5vw}.orders-page::-webkit-scrollbar-thumb:hover{background:#fc0}@media(max-width:768px){.orders-page .orders-header{flex-direction:column;align-items:stretch}.orders-page .orders-header .page-title{font-size:5vw;text-align:center}.orders-page .orders-header .orders-filters{justify-content:center}.orders-page .orders-header .orders-filters .has-match-filter,.orders-page .orders-header .orders-filters .city-filter{min-width:40%}.orders-page .orders-header .orders-filters .has-match-filter .has-match-filter-selected,.orders-page .orders-header .orders-filters .city-filter .city-filter-selected{font-size:3.5vw;padding:1vw 2vw}.orders-page .orders-header .orders-filters .has-match-filter .matching-options-list .matching-option,.orders-page .orders-header .orders-filters .city-filter .city-options-list .city-option{font-size:3vw;padding:1.5vw 2vw}.order-card .order-card-top .client-name,.order-card .order-card-top .expected-price{font-size:3.5vw}.order-card .order-card-top .client-phone,.order-card .order-card-top .order-car-year{font-size:3vw}.order-card .order-card-middle .gallery-label,.order-card .order-card-middle .status-label,.order-card .order-card-middle .status-value{font-size:2.8vw}.order-card .order-card-bottom .employee-avatar,.order-card .order-card-bottom .cars-match-label{font-size:3vw}.order-card .order-card-bottom .employee-notes{font-size:2.8vw}.order-card .order-card-bottom .cars-match .matches .match-card{font-size:2.5vw;padding:.5vw 1.5vw}.cancel-button{width:15vw;font-size:3vw;padding:1vw}}.order-form-container{min-height:100vw;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);padding:2vw;direction:rtl}.order-form-wrapper{max-width:120vw;margin:0 auto;background:#0009;-webkit-backdrop-filter:blur(1vw);backdrop-filter:blur(1vw);border-radius:1.5vw;border:.1vw solid rgba(255,215,0,.3);overflow:hidden;animation:fadeInUp .6s ease}.order-select-option{color:#000}@keyframes fadeInUp{0%{opacity:0;transform:translateY(3vw)}to{opacity:1;transform:translateY(0)}}.form-header{background:linear-gradient(135deg,#ffd7001a,#000c);padding:1.5vw 2vw;border-bottom:.2vw solid #ffd700;text-align:center}.form-header h2{color:gold;font-size:1.8vw;margin-bottom:.5vw;letter-spacing:.1vw}.form-header p{color:#ffffffb3;font-size:.9vw}.form-section{padding:1.5vw 2vw;border-bottom:.1vw solid rgba(255,215,0,.2);transition:all .3s ease}.form-section:hover{background:#ffd70005}.section-title{display:flex;align-items:center;gap:.8vw;margin-bottom:1.5vw;padding-bottom:.8vw;border-bottom:.1vw solid rgba(255,215,0,.3)}.title-icon{font-size:1.5vw;color:gold}.section-title h3{color:gold;font-size:1.2vw;font-weight:600;letter-spacing:.1vw}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(28vw,1fr));gap:1.5vw}.form-group{display:flex;flex-direction:column;gap:.5vw}.form-group.full-width{grid-column:1 / -1}.form-group label{color:gold;font-size:.85vw;font-weight:500;letter-spacing:.05vw}.form-input,.form-select,.form-textarea{background:#0009;border:.1vw solid rgba(255,215,0,.3);border-radius:.8vw;padding:.8vw 1vw;color:#fff;font-size:.9vw;transition:all .3s ease;font-family:inherit;direction:rtl}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:gold;box-shadow:0 0 .8vw #ffd7004d;background:#000c}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#ffd70099}.form-input::placeholder,.form-textarea::placeholder{color:#fff6}.disabled-input{background:#000c;border-color:#ffd70080;color:gold;cursor:not-allowed;opacity:.8}.disabled-input:focus{box-shadow:none;border-color:#ffd70080}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffd700' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-repeat:no-repeat;background-position:left 1vw center;background-size:1vw}.form-textarea{resize:vertical;min-height:10vw}.price-group{grid-column:span 1}.price-inputs{display:flex;align-items:center;gap:.8vw}.price-input{flex:1}.price-separator{color:gold;font-size:1.2vw;font-weight:700}.form-actions{display:flex;justify-content:center;gap:1.5vw;padding:2vw;background:#0006}.btn{padding:.8vw 2vw;font-size:.9vw;font-weight:600;border:none;border-radius:2vw;cursor:pointer;transition:all .3s ease;font-family:inherit;letter-spacing:.05vw}.btn-primary{background:linear-gradient(135deg,gold,#fc0);color:#000;box-shadow:0 .2vw .5vw #ffd7004d}.btn-primary:hover{transform:translateY(-.1vw);box-shadow:0 .5vw 1vw #ffd70066}.btn-secondary{background:#ffffff1a;color:gold;border:.1vw solid #ffd700}.btn-secondary:hover{background:#ffd70033;transform:translateY(-.1vw)}.success-message{position:fixed;top:2vw;left:50%;transform:translate(-50%);background:linear-gradient(135deg,gold,#fc0);color:#000;padding:.8vw 1.5vw;border-radius:2vw;font-weight:700;font-size:.9vw;animation:slideDown .5s ease,fadeOut .5s ease 2.5s forwards;z-index:1000;box-shadow:0 .5vw 1vw #0000004d}@keyframes slideDown{0%{top:-5vw;opacity:0}to{top:2vw;opacity:1}}@keyframes fadeOut{to{opacity:0;visibility:hidden}}.data-preview{margin-top:2vw;border-top:.2vw solid rgba(255,215,0,.3);animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(2vw)}to{opacity:1;transform:translateY(0)}}.preview-header{background:#ffd7001a;padding:1vw;text-align:center;color:gold;font-weight:700;font-size:1vw}.order-add-top,.order-add-bottom{padding:1.5vw}.order-add-top{display:flex;flex-wrap:wrap;gap:1.5vw;justify-content:space-between;align-items:center;color:#fff;font-size:.85vw}.order-add-top span{display:flex;gap:.5vw;align-items:center}.client-name{color:gold;font-weight:700;font-size:1.1vw}.car-card-values{color:gold;font-weight:600}hr{border-color:#ffd70033}.order-add-bottom{display:flex;flex-direction:column;gap:1vw}.client-status,.employee-avatar{color:#fff;font-size:.85vw;display:flex;align-items:center;gap:.5vw;flex-wrap:wrap}.the-client-status,.employee-name{display:inline-block;padding:.3vw .8vw;background:#ffd7001a;border-radius:1vw;border:.1vw solid rgba(255,215,0,.3)}.employee-notes{margin-top:1vw;color:#fff;font-size:.85vw}.order-notes{margin-top:.5vw;padding:.8vw;background:#0006;border-radius:.8vw;color:#fffc;line-height:1.6}@media (max-width: calc(768 * .1vw)){.order-form-container{padding:3vw}.form-header h2{font-size:4vw}.form-header p{font-size:2.5vw}.section-title h3{font-size:3.5vw}.title-icon{font-size:4vw}.form-group label{font-size:2.5vw}.form-input,.form-select,.form-textarea{font-size:2.5vw;padding:2vw}.btn{padding:2vw 4vw;font-size:2.5vw}.order-add-top{flex-direction:column;align-items:flex-start;gap:1vw}.client-name{font-size:3vw}.order-add-top span{font-size:2.5vw}.form-grid{grid-template-columns:1fr}}.order-form-container::-webkit-scrollbar{width:.5vw}.order-form-container::-webkit-scrollbar-track{background:#0000004d;border-radius:.5vw}.order-form-container::-webkit-scrollbar-thumb{background:gold;border-radius:.5vw}.order-form-container::-webkit-scrollbar-thumb:hover{background:#fc0}.sales-page{width:100vw;padding:0 1vw 1vw;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);min-height:100vh}.sales-page .date-and-time{width:50%;display:flex;margin:auto;justify-content:space-between;font-size:.8vw;margin-bottom:.4vw;padding:.5vw 1vw;background:#0006;border-radius:.5vw;color:var(--gold-primary)}.sales-page .sales-tabs-bar{display:flex;width:100%;justify-content:space-between;gap:.5vw;margin:1vw 0}.sales-page .sales-tabs-bar .sales-tab{position:relative;display:flex;padding:.8vw 1vw;justify-content:center;align-items:center;flex:1;background:#0006;border-radius:.8vw;cursor:pointer;transition:all .3s ease;border:.1vw solid rgba(255,215,0,.3)}.sales-page .sales-tabs-bar .sales-tab:hover{transform:translateY(-.2vw);background:#ffd7001a;border-color:var(--gold-primary)}.sales-page .sales-tabs-bar .sales-tab a{font-size:1vw;text-decoration:none;color:#ffffffb3;width:100%;text-align:center}.sales-page .sales-tabs-bar .sales-tab.active{background:linear-gradient(135deg,#ffd70033,#0009);border-color:var(--gold-primary);box-shadow:0 .2vw .5vw #ffd70033}.sales-page .sales-tabs-bar .sales-tab.active a{color:var(--gold-primary);font-weight:700}.sales-notefy-numbers{display:flex;justify-content:center;align-items:center;position:absolute;background:linear-gradient(135deg,#f44,#c00);padding:0;width:2.2vw;height:2.2vw;border-radius:50%;bottom:-.5vw;right:-.5vw;top:-.8vw;left:auto;font-size:1vw;font-weight:700;color:#fff;box-shadow:0 .1vw .3vw #0000004d}.sales-notefy-numbers.hidden{display:none}@media(max-width:768px){.sales-page .date-and-time{width:90%;flex-direction:column;align-items:center;gap:.5vw;font-size:2.5vw}.sales-page .sales-tabs-bar .sales-tab a{font-size:2.5vw}.sales-notefy-numbers{width:5vw;height:5vw;font-size:2.5vw;top:-1vw;right:-1vw}}.sales-done{width:100%}.sales-done .week-selection{padding:.8rem 2rem;display:flex;justify-content:space-around;align-items:center;width:clamp(60%,65vw,100%);margin:1vw auto;font-size:.9rem;background:#0000004d;border-radius:1vw;color:var(--gold-primary)}.sales-done .week-selection .icon{fill:var(--gold-primary);font-size:1.5rem;cursor:pointer;transition:all .2s ease}.sales-done .week-selection .icon:hover{transform:scale(1.2);fill:#fc0}.sales-done .week-selection input{direction:ltr;color:var(--gold-primary);background:#0009;border:.1vw solid rgba(255,215,0,.3);border-radius:.5vw;padding:.3vw .5vw;width:4rem;text-align:center;font-size:.9rem;font-weight:700}.sales-done .week-selection input:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 .5vw #ffd7004d}.sales-done .week-selection .range{background:#0006;padding:.3vw .8vw;border-radius:.5vw;font-size:.85rem}.sales-done .days-view .sales-count{font-size:.9rem;color:#fff;display:flex;justify-content:space-between;align-items:center;width:10rem}.sales-done .days-view .sales-count .sales-count-num{font-size:1.1rem;color:var(--gold-primary);font-weight:700}.day-tab{background:linear-gradient(135deg,#ffd7001a,#0009);width:100%;padding:.8rem 1.5rem;color:var(--gold-primary);display:flex;justify-content:space-between;align-items:center;font-size:1rem;margin:.8rem 0;border-radius:.8vw;cursor:pointer;transition:all .3s ease;border:.05vw solid rgba(255,215,0,.2)}.day-tab:hover{transform:translate(.5vw);border-color:#ffd70080;background:linear-gradient(135deg,#ffd70026,#000000b3)}.sat,.sun,.mon,.tue,.wed,.thu,.fri{background-color:transparent}.sat.closed,.sun.closed,.mon.closed,.tue.closed,.wed.closed,.thu.closed,.fri.closed{display:none}.day-date{font-size:.9vw;color:#fff9}.modal-close-btn:hover{transform:scale(1.1) rotate(90deg);background:linear-gradient(135deg,#ffed4e,var(--gold-primary))}.done-sale-modal-content::-webkit-scrollbar{width:8px}.done-sale-modal-content::-webkit-scrollbar-track{background:#2a2a2a;border-radius:4px}.done-sale-modal-content::-webkit-scrollbar-thumb{background:var(--gold-primary);border-radius:4px}.done-sale-modal-content::-webkit-scrollbar-thumb:hover{background:#ffed4e}.sale-details-modal{width:100%;height:100%;overflow-y:auto}.days-view .done-sale-card{cursor:pointer;transition:all .3s ease}.days-view .done-sale-card:hover{transform:translate(.5vw)}@media(max-width:768px){.sales-done .week-selection{flex-wrap:wrap;gap:1vw;padding:1rem}.day-tab{font-size:2.5vw;padding:1rem}.day-date{font-size:2.5vw}.sales-done .days-view .sales-count{font-size:2.5vw;width:auto;gap:1vw}}.done-sale-card{width:100%;display:flex;padding:.8vw;margin:1vw 0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:.1vw solid rgba(255,215,0,.3);border-radius:.8vw;position:relative;justify-content:space-between;transition:all .3s ease}.done-sale-card:hover{border-color:var(--gold-primary);box-shadow:0 .3vw .8vw #ffd7001a}.done-sale-card .done-sale-card-right{width:33%;display:flex;flex-direction:column;justify-content:space-between;height:100%}.done-sale-card .done-sale-card-right .sale-card-car-det{color:var(--gold-primary);display:flex;width:100%;justify-content:space-between;align-items:center;padding:0 .7vw;font-size:.9vw;flex-wrap:wrap;gap:.5vw}.done-sale-card .done-sale-card-right .sale-card-car-det .sale-card-car-det-name{display:flex;font-size:1vw;padding:.3vw .8vw;background:#ffd7001a;border:.05vw solid rgba(255,215,0,.3);border-radius:.7vw;transition:all .2s ease}.done-sale-card .done-sale-card-right .sale-card-car-det .sale-card-car-det-name:hover{border-color:var(--gold-primary);background:#ffd70026}.done-sale-card .done-sale-card-right .sale-card-car-det .sold-car-id{color:#fff;margin-left:.5vw}.done-sale-card .done-sale-card-right .sale-card-car-det .sold-car-name{color:var(--gold-primary)}.done-sale-card .done-sale-card-right .sold-car-price{color:var(--gold-primary);font-weight:700}.done-sale-card .done-sale-card-right .sale-employee-section{display:flex;width:100%;justify-content:space-between;padding:.5vw 0;font-size:.75vw;gap:1vw}.done-sale-card .done-sale-card-right .sale-employee-section-info{width:40%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:.3vw}.done-sale-card .done-sale-card-right .sale-employee-section-info-title{color:#ffd700cc}.done-sale-card .done-sale-card-right .sale-employee-section-info-name{display:flex;font-size:.9vw;background:linear-gradient(135deg,var(--gold-metallic),var(--gold-primary));padding:.2vw .6vw;border-radius:.7vw;color:var(--text-dark);font-weight:700;justify-content:center;gap:.3vw}.done-sale-card .done-sale-card-right .sale-employee-section-info-name:hover{transform:scale(1.02)}.done-sale-card .done-sale-card-right .sale-employee-commission{margin-top:.2vw;color:#ffffffb3}.done-sale-card .done-sale-card-right .sale-employee-commission-cash{font-size:.9vw;color:var(--gold-primary);font-weight:700}.done-sale-card .done-sale-card-right .sale-employee-notes{width:55%;background:#0000004d;border-radius:.5vw;padding:.3vw}.done-sale-card .done-sale-card-right .sale-employee-notes-title{padding:.2vw;font-size:.7vw;color:#ffd700cc}.done-sale-card .done-sale-card-right .sale-employee-notes-content{padding:.3vw;border-radius:.4vw;border:.05vw solid rgba(255,215,0,.2);font-size:.75vw;overflow-y:auto;max-height:5vw;color:#ffffffb3}.done-sale-card .done-sale-card-center{width:33%;display:flex;flex-direction:column;justify-content:space-between;height:100%;font-size:.9vw;gap:.5vw}.done-sale-card .done-sale-card-center .sold-car-owner{display:flex;justify-content:space-between;padding:.3vw 1vw;background:#0000004d;border-radius:.5vw}.done-sale-card .done-sale-card-center .sold-car-owner>div:first-child{color:#ffd700cc}.done-sale-card .done-sale-card-center .owner-contact{display:flex;gap:.5vw;color:var(--gold-primary)}.done-sale-card .done-sale-card-left{width:33%;display:flex;flex-direction:column;justify-content:space-between;height:100%;font-size:.9vw;gap:.5vw}.done-sale-card .done-sale-card-left .sold-car-buyer{display:flex;justify-content:space-between;padding:.3vw 1vw;background:#0000004d;border-radius:.5vw}.done-sale-card .done-sale-card-left .sold-car-buyer>div:first-child{color:#ffd700cc}.done-sale-card .done-sale-card-left .buyer-contact{display:flex;gap:.5vw;color:var(--gold-primary)}@media(max-width:1024px){.done-sale-card{flex-direction:column;gap:1vw}.done-sale-card .done-sale-card-right,.done-sale-card .done-sale-card-center,.done-sale-card .done-sale-card-left{width:100%}}@media(max-width:768px){.done-sale-card .done-sale-card-right .sale-card-car-det{font-size:2.5vw}.done-sale-card .done-sale-card-right .sale-employee-section{font-size:2vw}.done-sale-card .done-sale-card-center,.done-sale-card .done-sale-card-left{font-size:2.5vw}}.sale-details-modal{text-align:center}.sold-car-price{font-size:1.2vw;color:var(--gold-primary);margin-bottom:1vw;font-weight:700}.sold-car-price span{color:#fff}.det-sale-date{display:flex;width:70%;margin:auto;justify-content:space-between;font-size:1vw;background:#0006;padding:.5vw 1.5vw;border-radius:.8vw;margin-bottom:1.5vw}.det-sale-date div:first-child{color:#ffd700cc}.det-sale-date div:last-child{color:#fff}.attachments{display:flex;justify-content:center;font-size:1vw;padding:1vw;color:var(--gold-primary)}.det-below-sec{width:100%;padding:1vw}.det-below-sec .ides-det{display:flex;width:100%;justify-content:space-evenly;gap:2vw}.det-below-sec .ides-det .person-id{text-align:center;width:50%;font-size:1vw}.det-below-sec .ides-det .person-id div:first-child{color:var(--gold-primary);margin-bottom:.5vw}.det-below-sec .ides-det .person-id img{margin:1vw;width:80%;max-height:20vw;object-fit:contain;border:.1vw solid var(--gold-primary);border-radius:.5vw;background:#0000004d}.det-below-sec .contract{text-align:center;width:100%;font-size:1vw;margin:1vw}.det-below-sec .contract div:first-child{color:var(--gold-primary);margin-bottom:.5vw}.det-below-sec .contract img{margin:1vw;width:80%;max-height:30vw;object-fit:contain;border:.1vw solid var(--gold-primary);border-radius:.5vw;background:#0000004d}@media(max-width:768px){.sold-car-price{font-size:3vw}.det-sale-date{width:90%;font-size:2.5vw}.attachments{font-size:2.5vw}.det-below-sec .ides-det{flex-direction:column;gap:1rem}.det-below-sec .ides-det .person-id{width:100%}.det-below-sec .contract img{width:95%}}.sale-details-actions{width:80%;display:flex;margin:auto;justify-content:space-evenly}.edit-sale-btn{background-color:var(--gold-dark);padding:.6vw 1vw;border-radius:1vw;font-size:1.4vw;font-weight:700;margin-top:.3vw;transition:.5s ease-in-out;color:#fff}.edit-sale-btn:hover{color:#000;background-color:var(--gold-primary);margin-top:0;margin-bottom:.3vw}.save-sale-btn{color:#fff;background-color:green;padding:.6vw 1vw;border-radius:1vw;font-size:1.4vw;font-weight:700;margin-top:.3vw;transition:.5s ease-in-out}.save-sale-btn:hover{background-color:var(--success);margin-top:0;margin-bottom:.3vw;color:#000}.cancel-sale-btn{color:#fff;background-color:#910404;padding:.6vw 1vw;border-radius:1vw;font-size:1.4vw;font-weight:700;margin-top:.3vw;transition:.5s ease-in-out}.cancel-sale-btn:hover{background-color:red;margin-top:0;margin-bottom:.3vw;color:#000}.holding-sales-list{width:100%;padding:1vw;display:flex;flex-direction:column;gap:1.5vw;text-align:center}.holding-sale-card-wrapper{position:relative;width:100%}.hold-sale-modal-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:flex-start;z-index:1000;animation:fadeIn .3s ease-in-out;overflow-y:auto;padding:2rem 0}.hold-sale-modal-content{text-align:center;position:relative;width:95vw;max-width:1400px;max-height:calc(100vh - 4rem);background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;overflow-y:auto;padding:1.5rem;animation:slideIn .3s ease-in-out;border:.1vw solid var(--gold-primary);box-shadow:0 10px 40px #000000b3;margin:auto}.modal-close-btn:hover{transform:scale(1.1) rotate(90deg)}.hold-completion-form-container{width:100%}.det-sale-date{display:flex;justify-content:space-between;background:#0006;padding:.8vw 1.5vw;border-radius:.8vw;margin-bottom:1.5vw;color:var(--gold-primary);font-size:1vw}.completion-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:1vw;background:#0006;border-radius:.8vw;gap:1vw}.hold-sale-card-right,.hold-sale-card-center,.hold-sale-card-left{padding:.5vw;background:#0000004d;border-radius:.6vw}.sale-employee-commission-input,.commission-input-group{margin-top:.5vw;width:100%}.sale-employee-commission-input label,.commission-input-group label{color:#ffd700cc;font-size:.8vw}.sale-employee-commission-input input,.commission-input-group input{background:#0009;border:.1vw solid rgba(255,215,0,.3);border-radius:.4vw;padding:.4vw .6vw;color:#fff;font-size:.85vw;width:100%;text-align:center;transition:all .2s ease}.sale-employee-commission-input input:focus,.commission-input-group input:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 .5vw #ffd7004d}.sale-employee-commission-input span,.commission-input-group span{color:var(--gold-primary);font-size:.8vw}.sale-employee-notes-input{width:100%;margin-top:.5vw}.sale-employee-notes-input .sale-employee-notes-title{color:#ffd700cc;font-size:.8vw;margin-bottom:.3vw}.sale-employee-notes-input textarea{width:100%;background:#0009;border:.1vw solid rgba(255,215,0,.3);border-radius:.4vw;padding:.5vw;color:#fff;font-size:.8vw;resize:vertical;transition:all .2s ease}.sale-employee-notes-input textarea:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 .5vw #ffd7004d}.commission-result{margin-top:.5vw;color:#ffffffb3;font-size:.8vw}.commission-result span{color:var(--gold-primary);font-weight:700}.attachments{padding:1vw;color:var(--gold-primary);font-size:1vw;text-align:center}.det-below-sec{padding:1vw}.ides-det{display:flex;justify-content:space-around;gap:2vw;margin-bottom:1.5vw}.person-id{flex:1;text-align:center}.person-id div:first-child{color:var(--gold-primary);font-size:.9vw;margin-bottom:.5vw}.person-id-image{width:100%;max-height:20vw;object-fit:contain;border-radius:.5vw;border:.1vw solid var(--gold-primary);background:#0000004d}.contract{text-align:center}.contract div{color:var(--gold-primary);font-size:.9vw;margin-bottom:.5vw}.contract-image{width:100%;max-height:30vw;object-fit:contain;border-radius:.5vw;border:.1vw solid var(--gold-primary);background:#0000004d}.form-actions{display:flex;gap:1vw;justify-content:center;margin-top:1.5vw;padding-top:1vw;border-top:.1vw solid rgba(255,215,0,.3)}.submit-btn,.cancel-btn{padding:.6vw 2vw;border:none;border-radius:1.5vw;font-size:.9vw;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:inherit}.cancel-btn{background:linear-gradient(135deg,#555,#333);color:#fff}.hold-sale-modal-content::-webkit-scrollbar{width:8px}.hold-sale-modal-content::-webkit-scrollbar-track{background:#2a2a2a;border-radius:4px}.hold-sale-modal-content::-webkit-scrollbar-thumb{background:var(--gold-primary);border-radius:4px}.delete-sale-badge{position:absolute;top:50%;left:1%;transform:translateY(-50%);background:linear-gradient(135deg,#c62828,#b71c1c);color:#fff;border:none;padding:.4vw 1vw;border-radius:1.5vw;font-size:.8vw;font-weight:700;cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:0 .2vw .5vw #0000004d}.delete-sale-badge:hover{transform:translateY(-50%) scale(1.05);background:linear-gradient(135deg,#e53935,#c62828)}.no-image-placeholder{margin:1vw;padding:2vw;border:1px dashed rgba(255,215,0,.3);border-radius:.5vw;background:#0000004d;color:#ffffff80;font-size:1vw;display:flex;align-items:center;justify-content:center;min-height:10vw}@media(max-width:768px){.hold-sale-modal-content{width:98vw;padding:1rem}.completion-card{grid-template-columns:1fr}.det-sale-date{font-size:2.5vw}.submit-btn,.cancel-btn{font-size:2.5vw;padding:1vw 3vw}.delete-sale-badge{font-size:2vw;padding:.5vw 2vw;left:2%}.ides-det{flex-direction:column;gap:1rem}}.hold-sale-card{width:100%;display:flex;padding:.8vw;margin:1vw 0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:.1vw solid rgba(255,215,0,.3);border-radius:.8vw;position:relative;justify-content:space-between;transition:all .3s ease}.hold-sale-card:hover{border-color:var(--gold-primary);box-shadow:0 .3vw .8vw #ffd7001a}.hold-sale-card .hold-sale-card-right{width:33%;display:flex;flex-direction:column;justify-content:space-between;height:100%}.hold-sale-card .hold-sale-card-right .sale-card-car-det{color:var(--gold-primary);display:flex;width:100%;justify-content:space-between;align-items:center;padding:0 .7vw;font-size:.9vw;flex-wrap:wrap;gap:.5vw}.hold-sale-card .hold-sale-card-right .sale-card-car-det .sale-card-car-det-name{display:flex;font-size:1vw;padding:.3vw .8vw;background:#ffd7001a;border:.05vw solid rgba(255,215,0,.3);border-radius:.7vw;transition:all .2s ease}.hold-sale-card .hold-sale-card-right .sale-card-car-det .sale-card-car-det-name:hover{border-color:var(--gold-primary);background:#ffd70026}.hold-sale-card .hold-sale-card-right .sold-car-id{color:#fff;margin-left:.5vw}.hold-sale-card .hold-sale-card-right .sold-car-name{color:var(--gold-primary)}.hold-sale-card .hold-sale-card-right .sold-car-price{color:var(--gold-primary);font-weight:700}.hold-sale-card .hold-sale-card-right .sale-employee-section{display:flex;width:100%;justify-content:space-between;padding:.5vw 0;font-size:.75vw;gap:1vw}.hold-sale-card .hold-sale-card-right .sale-employee-section-info{width:40%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:.3vw}.hold-sale-card .hold-sale-card-right .sale-employee-section-info-title{color:#ffd700cc}.hold-sale-card .hold-sale-card-right .sale-employee-section-info-name{display:flex;font-size:.9vw;background:linear-gradient(135deg,var(--gold-metallic),var(--gold-primary));padding:.2vw .6vw;border-radius:.7vw;color:var(--text-dark);font-weight:700;justify-content:center;gap:.3vw}.hold-sale-card .hold-sale-card-right .sale-employee-section-info-name:hover{transform:scale(1.02)}.hold-sale-card .hold-sale-card-right .sale-employee-commission{margin-top:.2vw;color:#ffffffb3}.hold-sale-card .hold-sale-card-right .sale-employee-commission-cash{font-size:.9vw;color:var(--gold-primary);font-weight:700}.hold-sale-card .hold-sale-card-right .sale-employee-notes{width:55%;background:#0000004d;border-radius:.5vw;padding:.3vw}.hold-sale-card .hold-sale-card-right .sale-employee-notes-title{padding:.2vw;font-size:.7vw;color:#ffd700cc}.hold-sale-card .hold-sale-card-right .sale-employee-notes-content{padding:.3vw;border-radius:.4vw;border:.05vw solid rgba(255,215,0,.2);font-size:.75vw;overflow-y:auto;max-height:5vw;color:#ffffffb3}.hold-sale-card .hold-sale-card-center{width:33%;display:flex;flex-direction:column;justify-content:space-between;height:100%;font-size:.9vw;gap:.5vw}.hold-sale-card .hold-sale-card-center .sold-car-owner{display:flex;justify-content:space-between;padding:.3vw 1vw;background:#0000004d;border-radius:.5vw}.hold-sale-card .hold-sale-card-center .sold-car-owner>div:first-child{color:#ffd700cc}.hold-sale-card .hold-sale-card-center .owner-contact{display:flex;gap:.5vw;color:var(--gold-primary)}.hold-sale-card .hold-sale-card-left{width:33%;display:flex;flex-direction:column;justify-content:space-between;height:100%;font-size:.9vw;gap:.5vw}.hold-sale-card .hold-sale-card-left .sold-car-buyer{display:flex;justify-content:space-between;padding:.3vw 1vw;background:#0000004d;border-radius:.5vw}.hold-sale-card .hold-sale-card-left .sold-car-buyer>div:first-child{color:#ffd700cc}.hold-sale-card .hold-sale-card-left .buyer-contact{display:flex;gap:.5vw;color:var(--gold-primary)}.all-commission{display:flex;width:100%;justify-content:space-around;padding:.3vw;color:#ffffffb3}.all-commission span:first-child{color:#ffd700cc}.all-commission span:last-child{color:var(--gold-primary);font-weight:700}.commissio-det{width:100%;display:flex;justify-content:space-around;padding:.5vw;background:#0000004d;border-radius:.5vw;gap:1vw}.holded-commission,.remain-commission{width:45%;text-align:center}.holded-commission .holded-commission-title{margin-bottom:.2vw;color:#4caf50;font-size:.8vw}.remain-commission .remain-commission-title{color:#ff9800;margin-bottom:.2vw;font-size:.8vw}.holded-commission .holded-commission-value,.remain-commission .remain-commission-value{background:#00000080;padding:.2vw;border-radius:.3vw;color:var(--gold-primary);font-weight:700}.complete-sale-badge{position:absolute;bottom:.8vw;left:1%;background:linear-gradient(135deg,var(--gold-primary),var(--gold-metallic));color:var(--text-dark);border:none;padding:.4vw 1vw;border-radius:1.5vw;font-size:.8vw;font-weight:700;cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:0 .2vw .5vw #0000004d}.complete-sale-badge:hover{transform:scale(1.05);background:linear-gradient(135deg,#ffed4e,var(--gold-primary));box-shadow:0 .3vw .8vw #0006}@media(max-width:1024px){.hold-sale-card{flex-direction:column;gap:1vw}.hold-sale-card .hold-sale-card-right,.hold-sale-card .hold-sale-card-center,.hold-sale-card .hold-sale-card-left{width:100%}.complete-sale-badge{position:static;margin-top:.8vw;width:fit-content;align-self:center}}@media(max-width:768px){.hold-sale-card .hold-sale-card-right .sale-card-car-det{font-size:2.5vw}.hold-sale-card .hold-sale-card-right .sale-employee-section{font-size:2vw}.hold-sale-card .hold-sale-card-center,.hold-sale-card .hold-sale-card-left{font-size:2.5vw}.complete-sale-badge{font-size:2.5vw;padding:1vw 2vw}}.sale-orders-page{width:100%;height:100%;text-align:center;align-items:start;padding:1vw 2vw;display:flex;flex-wrap:wrap;column-gap:1.5vw;row-gap:1.5vw}.order-sale-card-wrapper{position:relative;width:18vw;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:.1vw solid rgba(255,215,0,.3);border-radius:1vw;padding:1vw;transition:all .3s ease;overflow:hidden}.order-sale-card-wrapper:hover{transform:translateY(-.3vw);border-color:var(--gold-primary);box-shadow:0 .5vw 1.5vw #0006}.holded-order-sale-card{width:100%}.order-sale-date{margin-top:.3vw;color:#ffffffb3;font-size:.85vw;display:flex;justify-content:space-between}.order-sale-date span:first-child{color:#ffd700cc}.order-sale-user{display:flex;justify-content:space-between;align-items:center;color:#ffffffb3;font-size:.85vw}.order-sale-user>div:first-child{color:#ffd700cc}.order-sale-user-data{display:flex;justify-content:start;background:#ffd7001a;border:.05vw solid rgba(255,215,0,.3);border-radius:1vw;padding:.2vw .8vw;transition:all .2s ease}.order-sale-user-data:hover{transform:scale(1.02);border-color:var(--gold-primary)}.order-sale-user-id{color:var(--gold-primary);font-weight:700}.order-sale-user-name{color:var(--gold-primary)}.order-sale-car-details{display:flex;justify-content:space-between;align-items:center;font-size:.85vw;color:#ffffffb3}.order-sale-car-details>span:first-child{color:#ffd700cc}.order-sale-car-box{background:#ffd7000d;border:.05vw solid rgba(255,215,0,.3);border-radius:1vw;padding:.2vw .8vw;transition:all .2s ease}.order-sale-car-box:hover{transform:scale(1.02);border-color:var(--gold-primary);background:#ffd7001a}.order-sale-car-id{color:#fff;font-size:.8vw}.order-sale-car-name{color:var(--gold-primary)}.buttons-box-action{display:flex;margin-top:.8vw;justify-content:center;gap:1vw;width:100%}.allow-box{background:linear-gradient(135deg,#2e7d32,#1b5e20);padding:.4vw 1.2vw;border-radius:1.5vw;cursor:pointer;transition:all .3s ease;color:#fff;font-weight:700;font-size:.9vw;border:none}.allow-box:hover{transform:scale(1.05);background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 .2vw .5vw #0000004d}.deny-box{background:linear-gradient(135deg,#c62828,#b71c1c);padding:.4vw 1.2vw;border-radius:1.5vw;cursor:pointer;transition:all .3s ease;color:#fff;font-weight:700;font-size:.9vw;border:none}.deny-box:hover{transform:scale(1.05);background:linear-gradient(135deg,#e53935,#c62828);box-shadow:0 .2vw .5vw #0000004d}@media(max-width:1024px){.order-sale-card-wrapper{width:calc(50% - 1.5vw)}}@media(max-width:768px){.order-sale-card-wrapper{width:100%}.order-sale-date,.order-sale-user,.order-sale-car-details{font-size:2.5vw}.allow-box,.deny-box{font-size:2.5vw;padding:1vw 2vw}}.order-sale-user-state{margin-top:1vw;display:flex;justify-content:space-between;align-items:center;padding:.5vw;background:#0000004d;border-radius:.5vw;color:#ffffffb3;font-size:.85vw}.order-sale-user-state span:first-child{color:#ffd700cc}.order-sale-user-state span:last-child{color:var(--gold-primary);font-weight:700}@media(max-width:768px){.order-sale-user-state{font-size:2.5vw;padding:1vw}}.accountsPage{width:100vw;padding:0 1vw 1vw;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);min-height:100vh}.accountsPage .date-and-time{width:50%;display:flex;margin:auto;justify-content:space-between;font-size:.8vw;margin-bottom:.4vw;padding:.5vw;background:#0006;border-radius:.5vw;color:var(--gold-primary)}.accountsPage .week-selection{padding:.8rem 2rem;display:flex;justify-content:space-around;align-items:center;width:clamp(60%,65vw,100%);margin:auto;font-size:.9rem;color:var(--gold-primary);background:#0000004d;border-radius:1vw;margin-top:1vw}.accountsPage .week-selection .icon{fill:var(--gold-primary);font-size:1.8rem;cursor:pointer;transition:all .2s ease}.print-preparation{text-align:center;margin:0}.print-btn{background:linear-gradient(135deg,var(--gold-primary),var(--gold-metallic));color:var(--text-dark);border:none;padding:.5vw 2vw;font-size:1.2vw;font-family:var(--font-primary);border-radius:.5vw;cursor:pointer;transition:all .3s ease}.print-btn:hover{transform:scale(1.05);box-shadow:0 0 1vw #0000004d}.accountsPage .week-selection .icon:hover{scale:1.2;fill:#fc0}.accountsPage .week-selection .week-input{direction:ltr;color:var(--gold-primary);background:#0009;border:.1vw solid rgba(255,215,0,.3);border-radius:.5vw;padding:.3vw .5vw;width:5rem;text-align:center;font-size:1rem;font-weight:700}.accountsPage .week-selection .week-input:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 .5vw #ffd7004d}.accountsPage .week-selection .range{background:#0006;padding:.3vw .8vw;border-radius:.5vw;font-size:.85rem}.galleries-tabs{display:flex;justify-content:center;gap:1vw;margin:1vw auto;flex-wrap:wrap}.gallery-tab{padding:.8vw 1.5vw;background:#0000004d;border:.1vw solid rgba(255,215,0,.3);border-radius:1vw;color:#ffd700cc;cursor:pointer;transition:all .3s ease;font-size:.9vw;font-weight:700}.gallery-tab:hover{background:#ffd7001a;border-color:#ffd70099;transform:translateY(-.1vw)}.gallery-tab.active{background:linear-gradient(135deg,#ffd70033,#00000080);border-color:var(--gold-primary);color:var(--gold-primary);box-shadow:0 .2vw .5vw #0000004d}.summary-cards{display:flex;justify-content:center;gap:2vw;margin:1.5vw auto;flex-wrap:wrap}.summary-card{background:#00000080;border:.1vw solid rgba(255,215,0,.3);border-radius:1vw;padding:.8vw 1.5vw;display:flex;flex-direction:column;align-items:center;gap:.5vw;min-width:12vw;transition:all .3s ease}.summary-card:hover{transform:translateY(-.2vw);border-color:var(--gold-primary);box-shadow:0 .5vw 1vw #0000004d}.summary-card.total{background:linear-gradient(135deg,#ffd70026,#0009);border-color:var(--gold-primary)}.summary-card .summary-label{color:#ffd700cc;font-size:.85vw}.summary-card .summary-value{color:var(--gold-primary);font-size:1.3vw;font-weight:700}.accountants-cards-wrapper{padding:.4vw 0;display:flex;flex-direction:column;gap:1vw}.account-card{background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:1vw;border:.1vw solid rgba(255,215,0,.3);overflow:hidden;transition:all .3s ease}.account-card:hover{transform:translateY(-.2vw);border-color:#ffd70099;box-shadow:0 .5vw 1.5vw #0006}.account-card .account-card-header{background:linear-gradient(135deg,#ffd7001a,#000c);padding:.8vw 1.5vw;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1vw;border-bottom:.1vw solid rgba(255,215,0,.3)}.account-card .account-card-header .user-info{display:flex;gap:1vw;align-items:baseline}.account-card .account-card-header .user-name{color:var(--gold-primary);font-size:1.1vw;font-weight:700;background:#0006;padding:.2vw .8vw;border-radius:1vw}.account-card .account-card-header .user-position{color:#ffffffb3;font-size:.85vw}.account-card .account-card-header .gallery-info{display:flex;gap:.5vw;align-items:baseline}.account-card .account-card-header .gallery-label{color:#ffd700cc;font-size:.85vw}.account-card .account-card-header .gallery-name{color:#fff;font-size:.9vw;font-weight:700}.received-status{width:25vw;display:flex;justify-content:space-between;align-items:center;font-weight:700}.received-checkbox-label{display:flex;align-items:center;gap:.5vw;cursor:pointer;-webkit-user-select:none;user-select:none}.received-checkbox{width:1.2vw;height:1.2vw;accent-color:var(--gold-primary);cursor:pointer;border-radius:.2vw}.received-checkbox:focus{outline:.1vw solid var(--gold-primary);outline-offset:.1vw}.received-badge{padding:.3vw .8vw;border-radius:1.5vw;font-size:.8vw;font-weight:700}.received-badge.received{background:#4caf5033;color:#4caf50;border:.05vw solid #4caf50}.total-info{display:flex;gap:.8vw;align-items:center;color:var(--gold-primary);font-size:1vw}.received-badge.not-received{background:#ff980033;color:#ff9800;border:.05vw solid #ff9800}.account-card .account-card-stats{display:flex;justify-content:space-around;padding:1vw 1.5vw;background:#0000004d;gap:1vw;flex-wrap:wrap}.account-card .account-card-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:.3vw;background:#0000004d;padding:.5vw 1vw;border-radius:.8vw;min-width:8vw}.account-card .account-card-stats .stat-label{color:#ffd700cc;font-size:.8vw}.account-card .account-card-stats .stat-value{color:var(--gold-primary);font-size:1.1vw;font-weight:700}.account-card .account-card-footer{display:flex;justify-content:space-between;padding:.8vw 1.5vw;background:#00000080;border-top:.05vw solid rgba(255,215,0,.15)}.account-card .account-card-footer .deduction-label{color:#ff9800;font-size:.9vw}.account-card .account-card-footer .deduction-value{color:#ff9800;font-size:1vw;font-weight:700}.account-card .account-card-footer .total-label{color:var(--gold-primary);font-size:1vw;font-weight:700}.account-card .account-card-footer .total-value{color:var(--gold-primary);font-size:1.2vw;font-weight:700}.account-deductions-section,.account-bonuses-section,.account-sales-section,.account-details-section{border-top:.05vw solid rgba(255,215,0,.2);background:#0000004d;margin-top:.2vw}.deductions-toggle,.bonuses-toggle,.sales-toggle,.details-toggle{display:flex;justify-content:space-between;align-items:center;padding:.8vw 1.5vw;cursor:pointer;transition:all .2s ease}.deductions-toggle:hover,.bonuses-toggle:hover,.sales-toggle:hover,.details-toggle:hover{background:#ffd7000d}.toggle-title{display:flex;align-items:center;gap:.8vw;font-size:.9vw;color:var(--gold-primary)}.toggle-icon-deduction,.toggle-icon-bonus{font-size:1.1vw}.deductions-total,.bonuses-total{color:#fff9;font-size:.8vw;font-weight:400}.toggle-icon{transition:transform .3s ease;font-size:.8vw;color:var(--gold-primary)}.toggle-icon.open{transform:rotate(180deg)}.deductions-list,.bonuses-list,.sales-list,.details-list{padding:0 1.5vw 1vw}.deductions-table-container,.bonuses-table-container{max-height:20vw;overflow-y:auto;margin-bottom:1vw;border-radius:.5vw;background:#0003}.deductions-table,.bonuses-table,.sales-table,.details-table{width:100%;border-collapse:collapse;direction:rtl}.deductions-table thead th,.bonuses-table thead th,.sales-table thead th,.details-table thead th{color:#ffd700cc;font-size:.8vw;padding:.6vw;text-align:center;border-bottom:.05vw solid rgba(255,215,0,.2);position:sticky;top:0;background:#000000e6}.deductions-table tbody td,.bonuses-table tbody td,.sales-table tbody td,.details-table tbody td{padding:.5vw;text-align:center;color:#fffc;font-size:.85vw;border-bottom:.05vw solid rgba(255,255,255,.05)}.deductions-table tbody tr:hover td,.bonuses-table tbody tr:hover td,.sales-table tbody tr:hover td,.details-table tbody tr:hover td{background:#ffd7000d}.deduction-amount,.bonus-amount,.sale-amount,.detail-amount{color:#ff9800;font-weight:700}.sale-id{color:var(--gold-primary);font-weight:700}.deduction-description,.bonus-description,.detail-description{text-align:right}.sale-car{text-align:center}.sale-date{color:#ffffffb3}.car-link-btn{background:none;color:var(--gold-primary);cursor:pointer;font-size:inherit;font-family:inherit;text-align:center;display:flex;justify-content:center}.car-link-btn-content{border:.2vw solid var(--gold-metallic);padding:.2vw .4vw;border-radius:1vw;background-color:#3e3e3eba}.car-link-btn-content:hover{color:var(--gold-primary);font-weight:700;scale:1.05}.ac-sale-id-wrapper{background:none;color:var(--gold-primary);cursor:pointer;font-size:inherit;font-family:inherit;text-align:center;display:flex;justify-content:center}.ac-sale-id{border:.2vw solid var(--gold-metallic);padding:.2vw .8vw;border-radius:1vw;background-color:#3e3e3eba}.ac-sale-id:hover{color:var(--gold-primary);font-weight:700;scale:1.05}.action-buttons{display:flex;gap:.5vw;justify-content:center}.edit-btn-small,.delete-btn-small{background:none;border:none;cursor:pointer;font-size:1vw;padding:.2vw;border-radius:.3vw;transition:all .2s ease}.edit-btn-small{color:var(--gold-primary)}.edit-btn-small:hover{transform:scale(1.2);background:#ffd70033}.delete-btn-small{color:#ef5350}.delete-btn-small:hover{transform:scale(1.2);background:#ef535033}.add-item-btn{display:inline-block;width:100%;padding:.5vw;background:linear-gradient(135deg,#ffd7001a,#0006);border:.1vw dashed rgba(255,215,0,.5);border-radius:.8vw;color:var(--gold-primary);font-size:.85vw;cursor:pointer;transition:all .3s ease;text-align:center;margin-top:.5vw}.add-item-btn:hover{background:#ffd70033;transform:scale(1.01);border-style:solid}.modal-content.small-modal{max-width:400px;width:90%}.loading-message,.no-data-message{text-align:center;padding:3vw;color:var(--gold-primary);font-size:1.1vw;background:#0000004d;border-radius:1vw;margin:2vw}.no-data-row td{text-align:center;padding:1vw;color:#ffffff80;font-size:.8vw;font-style:italic}@media(max-width:768px){.accountsPage .date-and-time{width:90%;flex-direction:column;align-items:center;gap:.5vw;font-size:2.5vw}.accountsPage .week-selection{flex-wrap:wrap;gap:1vw}.summary-card .summary-value{font-size:3vw}.summary-card .summary-label{font-size:2.5vw}.account-card .account-card-header{flex-direction:column;align-items:flex-start}.account-card .account-card-stats .stat-value{font-size:3vw}.account-card .account-card-stats .stat-label{font-size:2.5vw}.account-card .account-card-footer{flex-direction:column;align-items:center;gap:.5vw}.received-badge{font-size:2.5vw;padding:.5vw 1.5vw}.deductions-toggle,.bonuses-toggle,.sales-toggle,.details-toggle{padding:1.5vw 2vw}.toggle-title{font-size:2vw;gap:1.5vw}.toggle-icon-deduction,.toggle-icon-bonus{font-size:2.5vw}.deductions-total,.bonuses-total{font-size:1.8vw}.deductions-table thead th,.bonuses-table thead th,.sales-table thead th,.details-table thead th,.deductions-table tbody td,.bonuses-table tbody td,.sales-table tbody td,.details-table tbody td{font-size:1.8vw;padding:1vw}.edit-btn-small,.delete-btn-small{font-size:2.5vw}.add-item-btn{font-size:2vw;padding:1vw}.modal-header h3{font-size:2.5vw}.modal-close{width:3.5vw;height:3.5vw;font-size:2vw}.modal-body .form-group label{font-size:2vw}.modal-body .form-group .form-input{font-size:2vw;padding:1vw 1.5vw}.btn-cancel,.btn-confirm{font-size:2vw;padding:.8vw 2.5vw}.loading-message,.no-data-message{font-size:2vw}.no-data-row td{font-size:1.8vw}.modal-content.small-modal{max-width:90%}}.done-sales-modal-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in-out;overflow-y:auto;padding:2rem 0}.done-sale-modal-content{position:relative;width:95vw;max-width:1400px;max-height:90vh;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;overflow-y:auto;padding:1.5rem;animation:slideIn .3s ease-in-out;border:.1vw solid var(--gold-primary);box-shadow:0 10px 40px #000000b3}.modal-close-btn{position:sticky;top:0;right:0;background:linear-gradient(135deg,var(--gold-primary),var(--gold-metallic));border:none;font-size:1.5rem;cursor:pointer;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1001;color:var(--text-dark);margin-left:auto;margin-bottom:1rem;float:right}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.statistics-page{padding:2vw;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);min-height:100vh;direction:rtl}.statistics-page h1{text-align:center;margin-bottom:2vw;color:var(--gold-primary);font-size:2vw;font-weight:700;text-shadow:0 .2vw .4vw rgba(0,0,0,.3)}.filters{display:flex;justify-content:center;gap:1.5vw;margin-bottom:2.5vw;flex-wrap:wrap}.filters select{padding:.7vw 1.5vw;border:.1vw solid rgba(255,215,0,.4);border-radius:1.5vw;background:#0009;color:var(--gold-primary);font-size:.9vw;cursor:pointer;transition:all .3s ease;font-family:inherit;min-width:150px}.filters select:hover{border-color:var(--gold-primary);background:#000c}.filters select:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 .5vw #ffd7004d}.filters select option{background:#1a1a1a;color:#fff}.overview-cards{display:flex;justify-content:space-around;margin-bottom:3vw;flex-wrap:wrap;gap:1.5vw}.card{background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:1vw;border:.1vw solid rgba(255,215,0,.3);box-shadow:0 .5vw 1.5vw #0000004d;padding:1.2vw 1.5vw;text-align:center;width:200px;margin:0;transition:all .3s ease}.card:hover{transform:translateY(-.3vw);border-color:var(--gold-primary);box-shadow:0 .8vw 2vw #ffd70026}.card h3{margin:0 0 .8vw;color:#ffd700e6;font-size:1vw;font-weight:400}.card p{font-size:2vw;color:var(--gold-primary);margin:0;font-weight:700}.charts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.5vw}.chart{background:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:1vw;border:.1vw solid rgba(255,215,0,.2);padding:1.5vw;transition:all .3s ease}.chart:hover{border-color:#ffd70066;box-shadow:0 .3vw 1vw #0000004d}.chart h3{text-align:center;margin-bottom:1.5vw;color:var(--gold-primary);font-size:1.1vw;font-weight:700}.recharts-wrapper{margin:0 auto}.recharts-default-tooltip{background:#000000e6!important;border:.1vw solid var(--gold-primary)!important;border-radius:.5vw!important;color:#fff!important}.recharts-tooltip-label{color:var(--gold-primary)!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#ffffff1a!important}.recharts-text{fill:#ffffffb3!important;font-size:.8vw!important}.recharts-legend-item-text{color:#fffc!important;font-size:.8vw!important}.statistics-page>div:first-child{text-align:center;padding:5vw;font-size:1.5vw;color:#ef5350;background:#c628281a;border-radius:1vw;margin:5vw auto;width:50%;border:.1vw solid rgba(239,83,80,.3)}@media(max-width:1024px){.statistics-page{padding:3vw}.statistics-page h1{font-size:3vw}.filters select{padding:1vw 2vw;font-size:1.2vw}.card{width:180px;padding:1.5vw}.card h3{font-size:1.2vw}.card p{font-size:2.5vw}.chart h3{font-size:1.4vw}.charts-container{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media(max-width:768px){.statistics-page{padding:4vw}.statistics-page h1{font-size:5vw;margin-bottom:4vw}.filters{gap:3vw;margin-bottom:4vw}.filters select{padding:1.5vw 3vw;font-size:2.5vw;min-width:120px}.overview-cards{gap:3vw;margin-bottom:5vw}.card{width:150px;padding:2vw}.card h3{font-size:2.5vw;margin-bottom:1.5vw}.card p{font-size:4vw}.charts-container{grid-template-columns:1fr;gap:3vw}.chart{padding:3vw}.chart h3{font-size:2.8vw;margin-bottom:3vw}.recharts-text,.recharts-legend-item-text{font-size:2vw!important}.statistics-page>div:first-child{font-size:3vw;width:80%;padding:8vw}}.first-container{width:100vw;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.addcar-nav{display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#ffd70026,#000c);height:3.5vw;width:100vw;border-bottom:.1vw solid rgba(255,215,0,.3)}.addcar-nav h4{color:var(--gold-primary);font-size:1.2vw;font-weight:700}.basic-info{padding:1vw;display:flex;justify-content:space-around;flex-wrap:wrap;gap:1vw;background:#0000004d}.basic-sec{display:flex;align-items:center;gap:.5vw;background:#0006;padding:.3vw 1vw;border-radius:.8vw;border:.05vw solid rgba(255,215,0,.2)}.basic-sec label h5{color:#ffd700e6;font-size:.9vw}.basic-input{margin:.5vw 0;padding:.4vw .8vw;height:auto;color:#fff;font-weight:400;font-size:.9vw;width:10vw;background:#0009;border:.1vw solid rgba(255,215,0,.3);border-radius:.5vw;transition:all .3s ease}.basic-input:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 .5vw #ffd7004d}.basic-input-add-model{width:10vw;color:#fff;text-align:center;margin:0 .5vw;height:auto;font-size:.9vw;background:#0009;border:.1vw solid rgba(255,215,0,.3);border-radius:.5vw;padding:.4vw}.select-option{color:#fff;background:#1a1a1a}.basic-input-but{color:var(--gold-primary);margin-left:.3vw;background:#0009;padding:.3vw .8vw;font-size:.8vw;border:.1vw solid rgba(255,215,0,.3);border-radius:.5vw;cursor:pointer;transition:all .3s ease}.basic-input-but:hover{background:#ffd70033;transform:scale(1.02)}.addcar-header{padding:1vw}.above-images{display:flex;justify-content:space-between;align-items:center;padding:0 1vw;margin-bottom:1vw}.above-images h6{color:var(--gold-primary);font-size:1vw}.images-container{width:98vw;overflow-x:auto;padding-bottom:.5vw}.images-container::-webkit-scrollbar{height:.5vw}.images-container::-webkit-scrollbar-track{background:#0000004d;border-radius:.3vw}.images-container::-webkit-scrollbar-thumb{background:gold;border-radius:.3vw}.images-container::-webkit-scrollbar-thumb:hover{background:#fc0}.images-box{display:flex;height:12vw;align-items:center;width:max-content;min-width:100%;gap:1rem}#fileInput{display:none}.add-image-button{display:flex;justify-content:center;align-items:center;color:gold;font-size:1.8rem;height:2.5rem;width:2.5rem;border:.15vw solid #ffd700;border-radius:50%;cursor:pointer;transition:all .3s ease;background:#00000080}.add-image-button:hover{transform:scale(1.1);background:#ffd70033}.add-image-button.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.addcar-added-image-wrapper{display:inline-block}.addcar-added-image{position:relative;color:gold;font-size:2rem;height:10vw;width:15vw;border:.15vw solid rgba(255,215,0,.5);border-radius:.8vw;display:flex;align-items:center;overflow:hidden;background:#0006;transition:all .3s ease}.addcar-added-image:hover{border-color:var(--gold-primary);transform:scale(1.02)}.addcar-added-image.empty-placeholder{background:#0000004d;border:.15vw dashed rgba(255,215,0,.5);display:flex;align-items:center;justify-content:center}.empty-image-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5vw;width:100%}.empty-image-icon{font-size:3vw;opacity:.6;color:gold}.empty-image-text{font-size:.8vw;color:gold;opacity:.7}.addcar-image{object-fit:contain;height:100%;width:100%}.addcar-image-delete-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#c62828e6;color:#fff;border:none;border-radius:50%;width:2.5vw;height:2.5vw;font-size:1.2vw;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;z-index:10}.addcar-added-image:hover .addcar-image-delete-button{opacity:1}.addcar-image-delete-button:hover{background:#c62828;transform:translate(-50%,-50%) scale(1.1)}.car-details-main{padding:1vw}.details-grid{max-width:1200px;margin:0 auto;display:flex;align-items:center;flex-direction:column;gap:1vw}.detail-row{display:flex;gap:1vw;width:100%;flex-wrap:wrap;justify-content:center}.detail-item{flex:1;min-width:200px;display:flex;flex-direction:column;gap:.3vw}.detail-item label{font-weight:700;color:#ffd700e6;font-size:.85vw}.detail-input{padding:.6vw;border:.1vw solid rgba(255,215,0,.3);border-radius:.5vw;font-size:.9vw;transition:all .3s ease;background:#0009;color:#fff}.detail-input:focus{outline:none;border-color:gold;box-shadow:0 0 .5vw #ffd7004d}.detail-textarea{padding:.6vw;border:.1vw solid rgba(255,215,0,.3);border-radius:.5vw;font-size:.9vw;resize:vertical;min-height:6vw;font-family:inherit;background:#0009;color:#fff}.detail-textarea:focus{outline:none;border-color:gold;box-shadow:0 0 .5vw #ffd7004d}select.detail-input{cursor:pointer}select.detail-input:hover{border-color:gold}.form-actions{display:flex;justify-content:center;gap:1.5vw;padding:1.5vw 0}.submit-btn{background:linear-gradient(135deg,gold,#fc0);color:#000;border:none;padding:.6vw 2.5vw;border-radius:2vw;font-size:1vw;font-weight:700;cursor:pointer;transition:all .3s ease}.cancel-btn{background:linear-gradient(135deg,#555,#333);color:#fff;border:none;padding:.6vw 2.5vw;border-radius:2vw;font-size:1vw;font-weight:700;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{transform:translateY(-.2vw);background:linear-gradient(135deg,#666,#444)}@media(max-width:1024px){.basic-info{flex-direction:column;align-items:center}.basic-sec{width:80%;justify-content:space-between}.basic-input{width:15vw}.detail-item label,.detail-input,.detail-textarea{font-size:1.2vw}}@media(max-width:768px){.addcar-nav h4{font-size:2.5vw}.basic-sec label h5{font-size:1.5vw}.basic-input{font-size:1.5vw;width:20vw}.detail-item label{font-size:1.8vw}.detail-input,.detail-textarea{font-size:1.8vw;padding:1vw}.submit-btn,.cancel-btn{font-size:2vw;padding:1vw 4vw}.empty-image-text{font-size:1.2vw}.addcar-added-image{height:15vw;width:22vw}}.change-sale-state-button{font-size:1vw;width:10vw;margin-right:45vw;background-color:#f44;color:#fff;border:none;padding:.3vw;border-radius:4px;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}.car-view-container{width:100vw;height:100vh;overflow:hidden;position:relative;direction:rtl;scrollbar-width:none;-ms-overflow-style:none;z-index:101;background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}body::-webkit-scrollbar{display:none;width:0}.logo-banner2{direction:ltr;display:flex;position:absolute;left:42%;align-items:center;justify-content:center;gap:.5vw;transition:.5s ease-in-out;animation:bannerin 1s ease}@keyframes bannerin{0%{transform:translate(-15vw);opacity:0}to{transform:translate(0);opacity:1}}.logo-banner2:hover{scale:1.05}.logo-banner2 .logo-image{width:2.5vw;height:2.5vw;filter:drop-shadow(0 .2vw .3vw rgba(0,0,0,.3))}.logo-banner2 .logo-name{font-size:1.8vw;color:var(--gold-primary);text-shadow:0 .1vw .2vw rgba(0,0,0,.3)}.car-identefier2{color:var(--gold-primary);background:#0009;padding:.2vw .8vw;border:.1vw solid var(--gold-primary);border-radius:1vw;font-size:.9vw;font-weight:700;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.car-view-container::-webkit-scrollbar{width:0;height:0;background:transparent}.top-bar{height:3.8vw;position:fixed;top:0;left:0;right:0;z-index:1000;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:.1vw solid rgba(255,215,0,.3)}.top-bar-content{display:flex;justify-content:space-between;align-items:center;padding:.6vw 1.3vw;max-width:100%;margin:0}.back-and-title{right:10vw;display:flex;gap:1.5vw;align-items:center}.car-title{align-self:center;font-size:1.5vw;line-height:80%;color:gold;text-shadow:.2vw .2vw .4vw rgba(0,0,0,.5);letter-spacing:.1vw}.back-button{background:#0009;border:.15vw solid #ffd700;border-radius:50%;width:2.4vw;height:2.4vw;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.back-button:hover{background:gold;transform:scale(1.1)}.back-button:hover .back-icon{color:#000}.back-icon{display:flex;align-items:center;justify-content:center;color:gold;font-size:1.3vw;transition:color .3s ease}.top-bar-action{display:flex;gap:1vw;align-items:center}.menu-button{background:#0009;border:.15vw solid #ffd700;border-radius:50%;width:2.4vw;height:2.4vw;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.menu-button:hover{background:gold;transform:scale(1.1)}.menu-button:hover .menu-icon{color:#000}.menu-button.active{background:gold}.menu-icon{display:flex;align-items:center;justify-content:center;color:gold;font-size:1.3vw;transition:color .3s ease}.menu-icon.active{color:#000}.contact-panel{max-height:0;overflow:hidden;transition:max-height .5s ease-out;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-panel.show{max-height:20vw}.contact-info{display:flex;justify-content:center;align-items:center;gap:1.5vw;padding:1vw;flex-wrap:wrap}.contact-item{display:flex;align-items:center;gap:.8vw;padding:.5vw 1.2vw;background:#ffd7001a;border-radius:2vw;border:.1vw solid #ffd700}.contact-label{color:gold;font-weight:700;font-size:1vw}.contact-value{color:#fff;font-size:1vw}.main-hero{width:100vw;height:100vh;position:relative;overflow:hidden}.carview-main-image{width:100vw;height:100vh;object-fit:contain;position:relative;animation:zoomIn 1s ease}@keyframes zoomIn{0%{transform:scale(1.2);opacity:0}to{transform:scale(1);opacity:1}}.overlay-content{position:absolute;inset:0;background:linear-gradient(to bottom,#0003,#0006,#000c);pointer-events:none}.overlay-content>*{pointer-events:auto}.thumbnails-vertical{position:absolute;right:1.1vw;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1vw;z-index:10}.thumbnail-wrapper-vertical{width:5vw;height:4vw;border-radius:.5vw;overflow:hidden;cursor:pointer;border:.15vw solid transparent;transition:all .3s ease;box-shadow:0 .3vw .6vw #0000004d;animation:slideInLeft .5s ease forwards;background:#00000080}@keyframes slideInLeft{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.thumbnail-wrapper-vertical:hover{transform:scale(1.1);border-color:gold}.thumbnail-wrapper-vertical.active{border-color:gold;box-shadow:0 0 1vw #ffd70080}.thumbnail-vertical{width:100%;height:100%;object-fit:cover}.info-strip-vertical{position:absolute;left:2vw;top:50%;align-items:center;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.2vw;z-index:10}.info-item{width:8vw;display:flex;flex-direction:column;align-items:center;padding:.6vw .8vw;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:1vw;border:.1vw solid #ffd700;opacity:0;animation:slideInRight .5s ease forwards}.slide-in-1{animation-delay:.3s}.slide-in-2{animation-delay:.5s}.slide-in-3{animation-delay:.7s}@keyframes slideInRight{0%{transform:translate(-50%);opacity:0}to{transform:translate(0);opacity:1}}.info-label{font-size:.7vw;color:gold;margin-bottom:.3vw}.info-value{font-size:1.1vw;font-weight:700;color:#fff}.sold-badge-vertical.available,.sold-badge-vertical.chicking,.sold-badge-vertical.sold,.sold-badge-vertical.unavailable{margin-top:.5vw}.sold-badge-vertical.available span{display:inline-block;padding:.5vw 1.2vw;background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;font-weight:700;font-size:1vw;border-radius:2vw;animation:pulse 2s infinite;box-shadow:0 0 1vw #4caf5080}.sold-badge-vertical.chicking span{display:inline-block;padding:.5vw 1.2vw;background:linear-gradient(135deg,#ff8f00,#e65100);color:#fff;font-weight:700;font-size:1vw;border-radius:2vw;animation:pulse 2s infinite;box-shadow:0 0 1vw #ff980080}.sold-badge-vertical.sold span{display:inline-block;padding:.5vw 1.2vw;background:linear-gradient(135deg,#c62828,#b71c1c);color:#fff;font-weight:700;font-size:1vw;border-radius:2vw;animation:pulse 2s infinite;box-shadow:0 0 1vw #f4433680}.sold-badge-vertical.unavailable span{display:inline-block;padding:.5vw 1.2vw;background:linear-gradient(135deg,#6a1b9a,#4a148c);color:#fff;font-weight:700;font-size:1vw;border-radius:2vw;animation:pulse 2s infinite;box-shadow:0 0 1vw #9c27b080}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.details-overlay{position:absolute;bottom:1vw;left:0;right:0;padding:.5vw;z-index:10;animation:slideInUp .8s ease forwards}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.details-row{display:flex;justify-content:center;gap:.8vw;margin-bottom:.8vw;flex-wrap:wrap}.detail-chip{display:flex;align-items:center;gap:.6vw;padding:.4vw 1vw;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:2vw;border:.1vw solid rgba(255,215,0,.4);transition:all .3s ease}.detail-chip:hover{background:#000c;border-color:gold;transform:translateY(-.2vw)}.chip-icon{color:gold;font-size:.9vw}.chip-label{color:#fff;font-size:.9vw}.description-chip.no-description{display:none}.carview-notes-section{display:flex;align-items:center;justify-content:center;gap:.5vw;padding:.5vw 1.2vw;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:2vw;border:.1vw solid #ffd700;max-width:85%;margin:0 auto}.carview-notes-section.no-notes{display:none}.notes-icon{font-size:1vw;color:gold}.notes-text{color:#fff;font-size:.85vw;line-height:1.5;text-align:center}.add-sale-button{padding:.4vw 1.2vw;background:linear-gradient(135deg,gold,#fc0);font-size:.9vw;border-radius:1.5vw;box-shadow:none;border:none;color:#000;font-weight:700;cursor:pointer;transition:all .3s ease}.add-sale-button:hover{transform:scale(1.05);box-shadow:0 .2vw .5vw #ffd7004d}@media(max-width:1024px){.info-item{width:10vw}.detail-chip{padding:.3vw .8vw}.chip-label{font-size:.8vw}}@media(max-width:768px){.thumbnails-vertical{right:.5vw;gap:.5vw}.thumbnail-wrapper-vertical{width:8vw;height:6vw}.info-strip-vertical{left:1vw;gap:.8vw}.info-item{width:12vw;padding:.4vw .5vw}.info-value{font-size:1.5vw}.info-label{font-size:1vw}.details-row{gap:.5vw}.detail-chip{padding:.3vw .8vw}.chip-label,.chip-icon{font-size:1.2vw}.carview-notes-section{max-width:95%}.notes-text{font-size:1.2vw}.contact-info{flex-direction:column;gap:.8vw}.contact-item{width:90%;justify-content:center}.sold-badge-vertical.available span,.sold-badge-vertical.chicking span,.sold-badge-vertical.sold span,.sold-badge-vertical.unavailable span{font-size:1.5vw;padding:.5vw 1.5vw}}.edit-car-button{width:8vw;display:flex;flex-direction:column;align-items:center;padding:.6vw .8vw;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:1vw;border:.1vw solid #ffd700;opacity:0;animation:slideInRight .5s ease forwards;transition:.5s ease-in-out;font-size:1vw;color:#fff}.edit-car-button:hover{scale:1.05;font-weight:700;color:var(--gold-primary)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);position:relative;overflow:hidden;direction:rtl!important}.login-container:before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(circle,var(--gold-dark) 1%,transparent 1%);background-size:5vw 5vw;opacity:.05;animation:backgroundMove 60s linear infinite}@keyframes backgroundMove{0%{transform:translate(0)}to{transform:translate(5vw,5vw)}}.login-wrapper{width:100%;max-width:50vw;margin:var(--spacing-md);z-index:1}.login-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);border:var(--border-light);transition:transform .3s ease,box-shadow .3s ease}.login-card:hover{transform:translateY(-.4vw);box-shadow:var(--shadow-lg),var(--shadow-gold)}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.logo-icon{font-size:2.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.login-logo-text{font-size:var(--font-size-3xl);font-weight:var(--font-black);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{color:var(--text-muted);font-size:var(--font-size-sm)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-medium)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;right:var(--spacing-md);color:var(--text-muted);font-size:var(--font-size-md);pointer-events:none}.login-form-input{width:100%;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) var(--spacing-md);background-color:var(--bg-secondary);border:var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-md);transition:all .3s ease;direction:rtl}.login-form-input:focus{outline:none;border-color:var(--gold-primary);box-shadow:var(--shadow-gold)}.login-form-input.error{border-color:var(--error)}.login-form-input.error:focus{box-shadow:0 0 0 .2vw #dc35451a}.login-form-input:disabled{opacity:.6;cursor:not-allowed}.password-toggle{position:absolute;left:var(--spacing-md);background:none;border:none;cursor:pointer;font-size:var(--font-size-md);padding:0;color:var(--text-muted);transition:color .3s ease}.password-toggle:hover{color:var(--gold-primary)}.error-text{color:var(--error);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.submit-error{margin-bottom:var(--spacing-lg)}.form-options{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox{width:1.8vw;height:1.8vw;cursor:pointer;accent-color:var(--gold-primary)}.checkbox-text{color:var(--text-secondary);font-size:var(--font-size-sm)}.login-button{width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));color:var(--bg-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-bold);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.login-button:hover:before{left:100%}.login-button:hover{transform:translateY(-.2vw);box-shadow:var(--shadow-gold)}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-button.loading{position:relative;display:flex;justify-content:center;color:transparent}.spinner{position:absolute;width:2vw;height:2vw;border:.2vw solid var(--bg-primary);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:76.7vw){.login-card{padding:var(--spacing-lg)}.logo-text{font-size:var(--font-size-2xl)}.form-options{flex-direction:column;align-items:flex-start}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(2vw)}to{opacity:1;transform:translateY(0)}}.login-card{animation:fadeInUp .6s ease}.add-sale-modal-overlay{position:relative;inset:0;height:100vh;width:100vw;background-color:#000000d9;display:flex;justify-content:center;align-items:flex-start;z-index:1000;animation:fadeIn .3s ease-in-out;overflow-y:auto;padding:2vw 0}.add-sale-modal-content{position:absolute;top:5%;width:100vw;max-height:calc(100vh - 4rem);background-color:var(--bg-primary, #1a1a1a);border-radius:1rem;overflow-y:auto;padding:1.5rem;animation:slideIn .3s ease-in-out;border:1px solid var(--gold-primary);box-shadow:0 10px 40px #000000b3;margin:auto}.modal-close-btn{position:sticky;top:0;right:0;background:var(--gold-primary);border:none;font-size:1.5rem;cursor:pointer;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1001;color:var(--text-dark);margin-left:auto;margin-bottom:1rem;float:right}.modal-close-btn:hover{transform:scale(1.1);background:var(--gold-hover, #ffed4e)}.form-container{width:100%}.date-section{display:flex;justify-content:space-between;background-color:var(--bg-secondary, #2a2a2a);padding:.8rem;border-radius:.5rem;margin-bottom:1.5rem;color:var(--gold-primary);font-size:.95rem}.three-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;margin-bottom:1.5rem}.column{background-color:#1f1e1e;border-radius:.6rem;padding:1.2rem}@media(max-width:1024px){.three-columns{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.three-columns{grid-template-columns:1fr}}.section-title{color:var(--gold-primary);font-size:1.1rem;font-weight:700;margin-bottom:1rem;text-align:center;border-bottom:1px solid var(--gold-primary);padding-bottom:.5rem}.margin-top{margin-top:1.5vw}.input-group{margin-bottom:1.2vw;width:100%}.input-group label{display:block;color:var(--gold-primary);font-size:.9vw;margin-bottom:.5vw}.input-group input{width:100%;background-color:var(--bg-secondary, #2a2a2a);border:.1vw solid var(--gold-primary);border-radius:.4vw;padding:.8vw;color:#fff;font-size:1vw;box-sizing:border-box}.input-group input:focus{outline:none;border-color:var(--gold-metallic);box-shadow:0 0 .5vw #ffd7004d}.price-input{display:flex;align-items:center;gap:.5vw;width:100%}.price-input.full-width{width:100%}.price-input input{flex:1;width:auto}.price-input span{color:var(--gold-primary);font-size:1vw;min-width:2vw}.result{margin-top:1vw;padding:.8vw;background-color:var(--bg-tertiary, #3a3a3a);border-radius:.4vw;color:var(--gold-primary);font-size:.9vw;text-align:center}.result span{color:#fff;font-weight:700;font-size:1vw}.notes-section{background-color:#1f1e1e;border-radius:.6vw;padding:1.5vw;margin-bottom:2vw}.notes-section textarea{width:100%;background-color:var(--bg-secondary, #2a2a2a);border:.1vw solid var(--gold-primary);border-radius:.4vw;padding:.8vw;color:#fff;font-size:1vw;resize:vertical;font-family:inherit;box-sizing:border-box}.notes-section textarea:focus{outline:none;border-color:var(--gold-metallic);box-shadow:0 0 .5vw #ffd7004d}.attachments-section{background-color:#1f1e1e;border-radius:.6vw;padding:1.5vw;margin-bottom:2vw}.attachments-grid{display:flex;gap:2vw;flex-wrap:wrap}.attachment-item{flex:1;min-width:15vw;text-align:center}.attachment-label{color:var(--gold-primary);font-size:.9vw;margin-bottom:.8vw}.file-input{width:100%;background-color:var(--bg-secondary, #2a2a2a);border:.1vw solid var(--gold-primary);border-radius:.4vw;padding:.6vw;color:#fff;font-size:.8vw;cursor:pointer;box-sizing:border-box}.file-input::-webkit-file-upload-button{background-color:var(--gold-primary);color:var(--text-dark);border:none;padding:.4vw 1vw;border-radius:.3vw;cursor:pointer;font-weight:700;font-size:.8vw}.file-preview{position:relative;margin-top:.8vw}.attachment-image,.contract-image{width:100%;max-width:100%;height:auto;border-radius:.5vw;border:.1vw solid var(--gold-primary)}.delete-file-btn{position:absolute;top:.5vw;right:.5vw;background:#000000b3;border:none;border-radius:50%;width:2vw;height:2vw;min-width:calc(1.5 * 1.6vw);min-height:calc(1.5 * 1.6vw);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#f44;font-size:1.2vw}.delete-file-btn:hover{background:#000000e6;transform:scale(1.1);color:#f66}.form-actions{display:flex;gap:1.5vw;justify-content:center;margin-top:1vw;padding-top:1.5vw;border-top:.1vw solid var(--gold-primary)}.submit-btn,.cancel-btn{padding:.8vw 2.5vw;border:none;border-radius:.5vw;font-size:1.1vw;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:inherit}.submit-btn{background:linear-gradient(135deg,var(--gold-primary),var(--gold-metallic));color:var(--text-dark)}.submit-btn:hover{transform:translateY(-.2vw);box-shadow:0 .3vw .8vw #ffd7004d}.cancel-btn{background-color:#444;color:#fff}.cancel-btn:hover{background-color:#555;transform:translateY(-.2vw)}@keyframes slideIn{0%{transform:translateY(-5vw);opacity:0}to{transform:translateY(0);opacity:1}}.add-sale-modal-content::-webkit-scrollbar{width:.5vw}.add-sale-modal-content::-webkit-scrollbar-track{background:var(--bg-secondary, #2a2a2a);border-radius:.5vw}.add-sale-modal-content::-webkit-scrollbar-thumb{background:var(--gold-primary, #ffd700);border-radius:.5vw}@media(max-width:1024px){.add-sale-modal-content{padding:1rem;width:98vw;max-width:none}.input-group input{font-size:.9vw;padding:.6vw}.section-title{font-size:1rem;margin-bottom:.8rem}.attachments-grid{gap:1.5vw}.attachment-item{min-width:100%}}@media(max-width:768px){.add-sale-modal-content{padding:.6vw;width:95vw}.modal-close-btn{width:2rem;height:2rem;font-size:1.2rem}.form-container{width:100%}.three-columns{gap:.8rem}.column{padding:.8rem}.section-title{font-size:.9rem;margin-bottom:.6rem}.input-group{margin-bottom:.8vw}.input-group label{font-size:.8vw}.input-group input{font-size:.8vw;padding:.5vw}.notes-section,.attachments-section{padding:1rem;margin-bottom:1.5rem}.attachments-grid{flex-direction:column;gap:1rem}}@media (max-width: calc(768 * .1vw)){.add-sale-modal-content{width:98vw;padding:3vw}.modal-close-btn{font-size:4vw;width:5vw;height:5vw}.date-section{font-size:2vw;padding:2vw}.section-title{font-size:2.2vw}.input-group label,.attachment-label{font-size:1.8vw}.input-group input,.notes-section textarea,.file-input{font-size:1.8vw;padding:1.5vw}.result,.result span,.price-input span{font-size:1.8vw}.submit-btn,.cancel-btn{font-size:2.2vw;padding:1.5vw 4vw}.delete-file-btn{width:3.5vw;height:3.5vw;font-size:2vw}}.home-container{position:relative;min-height:100vh;width:100%;overflow-x:hidden;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);direction:rtl}.background-overlay{position:absolute;inset:0;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="10" cy="10" r="2" fill="%23FFD700" opacity="0.1"/><circle cx="90" cy="20" r="3" fill="%23FFD700" opacity="0.1"/><circle cx="50" cy="80" r="4" fill="%23FFD700" opacity="0.1"/></svg>');background-repeat:repeat;background-size:3.5rem;opacity:.3;pointer-events:none}.content-wrapper{flex-direction:column;position:relative;z-index:2;max-width:90%;margin:0 auto;padding:2.5rem 0;display:flex;align-items:center;justify-content:center;gap:1.5rem}.logo-section{margin-top:1vw;text-align:center;width:70%}.logo-wrapper{flex-direction:column;position:relative;display:flex;justify-content:center;align-items:center;direction:ltr}.home-logo-image-wrapper{align-self:center}.home-logo-image{width:25vw}@keyframes bounceIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-1vw)}}.home-logo-text{font-size:6vw;font-weight:var(--font-black);color:var(--gold-primary);letter-spacing:.05vw;text-shadow:0 .2rem .5rem rgba(255,215,0,.3);width:65%}.logo-line{width:10vw;height:.2vw;background:linear-gradient(90deg,transparent,var(--gold-primary),transparent);margin:1vw auto;animation:linePulse 2s ease-in-out infinite}@keyframes linePulse{0%,to{width:5vw;opacity:.5}50%{width:10vw;opacity:1}}.welcome-section{text-align:center;max-width:60vw}.welcome-badge{display:inline-block;margin-bottom:2vw}.badge-text{background:#ffd7001a;color:var(--gold-primary);padding:.4rem 1.2rem;border-radius:2rem;font-size:.85rem;border:1px solid var(--gold-primary);letter-spacing:.05vw}.welcome-title{font-size:clamp(1.8rem,2.5vw,2.5rem);margin-bottom:1.5rem;color:var(--text-primary)}.gold-text{color:var(--gold-primary);position:relative;display:inline-block;animation:textGlow 2s ease-in-out infinite}@keyframes textGlow{0%,to{text-shadow:0 0 .5vw rgba(255,215,0,.3)}50%{text-shadow:0 0 1.5vw rgba(255,215,0,.6)}}.welcome-description{font-size:1.3vw;line-height:1.8;color:var(--text-secondary);margin-bottom:2rem}.features-grid{display:flex;justify-content:center;gap:2vw;margin-bottom:4vw;flex-wrap:wrap}.feature-item{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-secondary);padding:.4rem .8rem;background:#ffffff0d;border-radius:2rem;border:1px solid rgba(255,215,0,.2)}.feature-icon{color:var(--gold-primary);font-size:1rem;font-weight:700}.showroom-btn{position:relative;background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));color:var(--bg-primary);border:none;padding:.8rem 2rem;font-size:1rem;font-weight:var(--font-bold);border-radius:2rem;cursor:pointer;overflow:hidden;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 .5rem 1rem #ffd7004d}.showroom-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.showroom-btn:hover:before{width:20rem;height:20rem}.showroom-btn:hover{transform:translateY(-.3rem);box-shadow:0 .8rem 1.5rem #ffd70080}.explore-btn-text,.explore-btn-icon{font-family:var(--font-primary);position:relative;z-index:1;font-size:1.6vw}.showroom-btn:hover .btn-icon{transform:translate(.3rem)}.contact-social-section{width:100%}.section-title{font-size:clamp(1.5rem,2vw,2rem);color:var(--gold-primary);text-align:center;margin-bottom:2rem;position:relative;display:inline-block;width:100%}.section-title:after{content:"";position:absolute;bottom:-.8rem;left:50%;transform:translate(-50%);width:4rem;height:.2rem;background:var(--gold-primary);animation:titleLine 2s ease-in-out infinite}@keyframes titleLine{0%,to{width:4rem}50%{width:6rem}}.branches-grid{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:4rem}.branch-card{background:#ffffff0d;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);border:1px solid rgba(255,215,0,.2);border-radius:1.2rem;padding:1.2rem;text-align:center;transition:all .3s ease;width:15vw}.branch-card:hover{transform:translateY(-.6rem);border-color:var(--gold-primary);box-shadow:0 .8rem 1.5rem #0000004d}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-.5rem)}}.branch-card h4{font-size:1.1rem;color:var(--gold-primary);margin-bottom:.8rem}.branch-address{font-size:.85rem;color:var(--text-secondary);margin-bottom:.8rem;line-height:1.4}.branch-phone{display:inline-block;font-size:1vw;color:var(--gold-primary);text-decoration:none;padding:.4rem .8rem;border:1px solid var(--gold-primary);border-radius:2rem;transition:all .3s ease;margin-bottom:.3vw;direction:ltr}.numbers{margin:1vw 0}.numbers-label{margin-bottom:.3vw}.branch-phone:hover{background:var(--gold-primary);color:var(--bg-primary);transform:scale(1.05)}.social-section{text-align:center}.social-icons{display:flex;justify-content:center;gap:5vw}.social-link{display:flex;flex-direction:column;align-items:center;gap:.7rem;text-decoration:none;transition:all .3s ease}.social-icon-wrapper{width:3.8vw;height:3.8vw;border-radius:1vw;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease}.facebook .social-icon-wrapper{background:linear-gradient(135deg,#1877f2,#0c5bd1);box-shadow:0 .4rem .8rem #1877f24d}.instagram .social-icon-wrapper{background:linear-gradient(135deg,#f56040,#c32aa3,#833ab4);box-shadow:0 .4rem .8rem #f560404d}.whatsapp .social-icon-wrapper{background:linear-gradient(135deg,#3ab44c,#309f41,#2d973d);box-shadow:0 .4rem .8rem #55f5404d}.social-icon{margin-top:.8vw;font-size:3vw;color:#fff;transition:transform .3s ease}.social-link:hover .social-icon-wrapper{transform:translateY(-.5rem) scale(1.1)}.social-link:hover .social-icon{transform:scale(1.1)}.social-label{font-size:1vw;color:var(--text-secondary);transition:color .3s ease}.social-link:hover .social-label{color:var(--gold-primary)}.login-section{margin-top:1.5rem}.login-btn{background:transparent;border:1px solid var(--gold-primary);color:var(--gold-primary);padding:.7rem 1.5rem;font-size:1rem;font-weight:var(--font-bold);border-radius:2rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;position:relative;overflow:hidden}.login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.3),transparent);transition:left .5s ease}.login-btn:hover:before{left:100%}.login-btn:hover{background:var(--gold-primary);color:var(--bg-primary);transform:translateY(-.3rem);box-shadow:0 .8rem 1.5rem #ffd7004d}.login-icon{font-size:1.1rem;transition:transform .3s ease}.login-btn:hover .login-icon{transform:translate(-.3rem)}.particles-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;width:.2vw;height:.2vw;background:var(--gold-primary);border-radius:50%;opacity:0;animation:floatParticle linear infinite}@keyframes floatParticle{0%{transform:translateY(100vw) rotate(0);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translateY(-10vw) rotate(360deg);opacity:0}}.fade-in-up{animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(5vw)}to{opacity:1;transform:translateY(0)}}.opacity-0{opacity:0}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}@media(max-width:1024px){.content-wrapper{max-width:85%;gap:1.2rem}.branch-phone{font-size:1.4vw}.welcome-section{max-width:85%}.branch-card{width:20vw}.logo-section{margin-top:5vw}.logo-wrapper{flex-direction:row}.home-logo-image{width:15vw}}@media(max-width:768px){.content-wrapper{max-width:90%;gap:1rem;padding:1.5rem 0}.logo-text{font-size:1.8rem}.welcome-title{font-size:1.5rem}.welcome-description{font-size:.9rem}.feature-item{font-size:.8rem}.feature-icon{font-size:.9rem}.section-title{font-size:2.8vw}.branch-card{width:90%;padding:1rem 1.5rem}.branch-icon{font-size:1.5rem}.branch-card h4{font-size:.95rem}.branch-address{font-size:.8rem}.branch-phone{font-size:1.5vw;margin:0 .5vw}.social-icon-wrapper{width:3.2vw;height:3.2vw}.social-icon{font-size:2.5vw}.social-label{font-size:.75rem}.showroom-btn,.login-btn{font-size:.9rem;padding:.6rem 1.2rem}.btn-icon,.login-icon{font-size:1rem}}@media(max-width:480px){.content-wrapper{max-width:95%;gap:.8rem}.logo-text{font-size:1.5rem}.welcome-title{font-size:1.2rem}.welcome-description{font-size:.8rem}.features-grid{gap:.6rem}.feature-item{font-size:.7rem}.branch-card{width:85%}.branch-card h4{font-size:.9rem}.branch-address{font-size:.75rem}.branch-phone{font-size:2vw;margin:.3vw .5vw}.social-icon-wrapper{width:5.2vw;height:5.2vw}.social-icon{font-size:3.5vw}.social-label{font-size:.7rem}.showroom-btn,.login-btn{font-size:.85rem;padding:.5rem 1rem}.badge-text{font-size:.7rem}}.search-results{padding:1vw;width:100%}.search-results-header{display:flex;width:70%;justify-content:space-between;align-items:center;margin:1vw auto}.search-results-header-title{font-size:1.3vw}.cars-grid{width:100%;display:grid;grid-template-rows:repeat(auto-fill,minmax(300px,1fr))}.back-button{padding:.6vw 2vw;background-color:var(--gold-dark);color:var(--text-dark);border:none;border-radius:4px;cursor:pointer;font-size:1.3vw}.back-button:hover{background-color:var(--gold-primary)}.users-page{width:100%;min-height:100vh;background:linear-gradient(135deg,var(--bg-dark) 0%,#0f3460 100%);padding-bottom:2rem}.users-page-tabs{display:flex;width:100%;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-x:auto;gap:.5rem;padding:.5rem;position:sticky;top:0}.users-page-gallery-tab{padding:.8rem 1.5rem;color:var(--text-light);font-size:1rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;border-radius:8px;font-weight:500}.users-page-gallery-tab:hover{background:#ffffff1a;transform:translateY(-2px)}.users-page-gallery-tab.active{background:linear-gradient(135deg,var(--gold-dark),var(--gold-soft));color:#fff;box-shadow:0 4px 15px #b8860b4d}.users-page-body{padding:2rem;max-width:1400px;margin:0 auto}.table-header{display:grid;grid-template-columns:60px 2fr 1.5fr 1.5fr 1fr 1.5fr;background:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1rem;border-radius:12px;margin-bottom:1rem;font-weight:700;color:var(--gold-light);font-size:.9rem;text-align:center;border:1px solid rgba(218,165,32,.3)}.table-header div{text-align:center}.user-card{margin-bottom:.8rem;transition:all .3s ease}.user-card:hover{transform:translate(5px)}.user-card-basic{display:grid;grid-template-columns:60px 2fr 1.5fr 1.5fr 1fr 1.5fr;background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1rem;border-radius:12px;color:var(--text-light);border:1px solid rgba(218,165,32,.2);transition:all .3s ease;align-items:center;text-align:center}.user-card-basic:hover{background:#ffffff1a;border-color:var(--gold-soft)}.user-card-basic>div{text-align:center;word-break:break-word}.user-actions-buttons{display:flex;gap:.5rem;justify-content:center;align-items:center}.action-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.view-btn{color:var(--info);background:#17a2b833}.view-btn:hover{background:var(--info);color:#fff;transform:scale(1.1)}.edit-btn{color:var(--warning);background:#ffc10733}.edit-btn:hover{background:var(--warning);color:#fff;transform:scale(1.1)}.delete-btn{color:var(--danger);background:#dc354533}.delete-btn:hover{background:var(--danger);color:#fff;transform:scale(1.1)}.empty-state{text-align:center;padding:3rem;color:var(--text-light);font-size:1.2rem;background:#ffffff0d;border-radius:12px}.loading-container,.error-container{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.5rem;color:var(--text-light);background:var(--bg-dark)}.users-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:linear-gradient(135deg,var(--bg-card),#1a1a2e);border-radius:20px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;border:1px solid rgba(218,165,32,.3);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(218,165,32,.3)}.modal-header h3{color:var(--gold-light);margin:0;font-size:1.3rem}.modal-close{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--text-light);transition:all .3s ease}.modal-close:hover{color:var(--danger);transform:rotate(90deg)}.modal-body{padding:1.5rem}.form-group{margin-bottom:1.2rem}.form-group.password{position:relative;width:100%}.form-group label{display:block;margin-bottom:.5rem;color:var(--gold-light);font-weight:500;font-size:.9rem}.form-group input,.form-group select{width:100%;padding:.8rem;background:#ffffff1a;border:1px solid rgba(218,165,32,.3);border-radius:8px;color:var(--text-light);font-size:.9rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--gold-soft);background:#ffffff26}.form-group input::placeholder{color:#fff6}.users-select-option{background-color:var(--bg-card)}.modal-footer{display:flex;justify-content:space-evenly;gap:1rem;padding:1.5rem;border-top:1px solid rgba(218,165,32,.3)}.btn-cancel,.btn-save{padding:.7rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.btn-cancel{background:#dc354533;color:var(--danger)}.btn-cancel:hover{background:var(--danger);color:#fff}.btn-save{background:linear-gradient(135deg,var(--gold-dark),var(--gold-soft));color:#fff}.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 15px #b8860b66}.view-modal .view-detail{padding:.8rem;margin-bottom:.8rem;background:#ffffff0d;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.view-detail strong{color:var(--gold-light)}.view-detail span{color:var(--text-light)}@media(max-width:768px){.users-page-body{padding:1rem}.table-header,.user-card-basic{grid-template-columns:50px 1.5fr 1fr 1fr .8fr 1.2fr;font-size:.7rem;padding:.7rem}.users-page-gallery-tab{padding:.5rem 1rem;font-size:.8rem}.action-btn{padding:.3rem;font-size:.9rem}.modal-content{width:95%;margin:1rem}}@media(max-width:480px){.table-header,.user-card-basic{grid-template-columns:40px 1.2fr .8fr .8fr .6fr 1fr;font-size:.6rem;gap:.3rem}.user-actions-buttons{gap:.2rem}}:root{--gold-primary: #ffd700;--gold-dark: #b8860b;--gold-light: #ffe55c;--gold-soft: #daa520;--gold-metallic: #c5a028;--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-tertiary: #1e1e1e;--bg-card: #1a1a1a;--bg-sidebar: #0f0f0f;--bg-navbar: #080808;--text-primary: #f5f5f5;--text-secondary: #cccccc;--text-muted: #999999;--text-light: #f5f5f5;--text-gold: var(--gold-primary);--text-dark: #1a1a1a;--danger: #dc3545;--success: #28a745;--success-bg: #1c3a2a;--error: #dc3545;--error-bg: #3a1c1c;--warning: #ffc107;--warning-bg: #3a2c1c;--info: #17a2b8;--info-bg: #1c2a3a;--btn-primary-bg: var(--gold-primary);--btn-primary-text: #0a0a0a;--btn-primary-hover: var(--gold-light);--btn-secondary-bg: transparent;--btn-secondary-text: var(--gold-primary);--btn-secondary-border: var(--gold-primary);--btn-secondary-hover-bg: rgba(255, 215, 0, .1);--btn-dark-bg: #2a2a2a;--btn-dark-text: var(--text-primary);--btn-dark-hover: #353535;--border-light: .08vw solid #2a2a2a;--border-gold: .08vw solid var(--gold-primary);--border-dark: .08vw solid #1a1a1a;--border-muted: .08vw solid #333333;--shadow-sm: 0 .2vw .6vw rgba(0, 0, 0, .3);--shadow-md: 0 .3vw .8vw rgba(0, 0, 0, .4);--shadow-lg: 0 .5vw 1.2vw rgba(0, 0, 0, .5);--shadow-gold: 0 .3vw 1vw rgba(184, 134, 11, .2);--radius-sm: .3vw;--radius-md: .9vw;--radius-lg: 1.4vw;--radius-full: 50%;--spacing-xs: .4vw;--spacing-sm: .6vw;--spacing-md: .8vw;--spacing-lg: 1.2vw;--spacing-xl: 1.6vw;--spacing-2xl: 2vw;--font-primary: "Alexandria", sans-serif;--font-size-xs: .8vw;--font-size-sm: .9vw;--font-size-md: 1vw;--font-size-lg: 1.2vw;--font-size-xl: 1.4vw;--font-size-2xl: 1.6vw;--font-size-3xl: 1.8vw;--font-size-4xl: 2vw;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-bold: 600;--font-black: 700;direction:rtl}*{direction:rtl;margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--gold-primary);text-decoration:none}a:hover{color:var(--gold-light)}.container{max-width:100vw;margin:0 auto;padding:0 var(--spacing-md)}.card{background-color:var(--bg-card);border:var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-.2vw);box-shadow:var(--shadow-md),var(--shadow-gold)}.card-title{color:var(--gold-primary);font-size:var(--font-size-xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-md)}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-medium);cursor:pointer;transition:all .3s ease;border:none;font-family:var(--font-primary)}.btn-primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover{background-color:var(--btn-primary-hover);transform:translateY(-.2vw);box-shadow:var(--shadow-gold)}.btn-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:var(--border-gold)}.btn-secondary:hover{background-color:var(--btn-secondary-hover-bg);transform:translateY(-.2vw)}.btn-dark{background-color:var(--btn-dark-bg);color:var(--btn-dark-text);border:var(--border-light)}.btn-dark:hover{background-color:var(--btn-dark-hover)}.input{background-color:var(--bg-secondary);border:var(--border-light);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-md);width:100%;transition:border-color .3s ease;font-family:var(--font-primary)}.input:focus{outline:none;border-color:var(--gold-primary);box-shadow:var(--shadow-gold)}.input::placeholder{color:var(--text-muted)}.error-message{background-color:var(--error-bg);color:var(--error);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border-left:.32vw solid var(--error);font-size:var(--font-size-sm);margin:var(--spacing-sm) 0}.success-message{background-color:var(--success-bg);color:var(--success);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border-left:.32vw solid var(--success);font-size:var(--font-size-sm);margin:var(--spacing-sm) 0}.warning-message{background-color:var(--warning-bg);color:var(--warning);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border-left:.32vw solid var(--warning);font-size:var(--font-size-sm);margin:var(--spacing-sm) 0}.navbar{background-color:var(--bg-navbar);border-bottom:var(--border-gold);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:1000}.navbar-brand{color:var(--gold-primary);font-size:var(--font-size-2xl);font-weight:var(--font-black)}.nav-link{color:var(--text-secondary);margin:0 var(--spacing-md);font-weight:var(--font-medium)}.nav-link:hover,.nav-link.active{color:var(--gold-primary)}.sidebar{background-color:var(--bg-sidebar);border-right:var(--border-light);height:100vw;padding:var(--spacing-lg)}.table{width:100%;border-collapse:collapse;background-color:var(--bg-card);border-radius:var(--radius-md);overflow:hidden}.table th{background-color:var(--bg-tertiary);color:var(--gold-primary);padding:var(--spacing-md);text-align:left;font-weight:var(--font-bold)}.table td{padding:var(--spacing-md);border-bottom:var(--border-light);color:var(--text-secondary)}.table tr:hover{background-color:var(--bg-tertiary)}.dropdown{background-color:var(--bg-secondary);border:var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.dropdown-itpx{padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);transition:background-color .3s ease}.dropdown-itpx:hover{background-color:var(--bg-tertiary);color:var(--gold-primary)}.tabs{border-bottom:var(--border-light);margin-bottom:var(--spacing-lg)}.tab{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);color:var(--text-secondary);cursor:pointer;border-bottom:.16vw solid transparent;transition:all .3s ease}.tab:hover{color:var(--gold-primary)}.tab.active{color:var(--gold-primary);border-bottom-color:var(--gold-primary)}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-bold)}.badge-gold{background-color:var(--gold-primary);color:var(--bg-primary)}.badge-success{background-color:var(--success);color:#fff}.badge-error{background-color:var(--error);color:#fff}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:var(--font-bold)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}.text-gold{color:var(--gold-primary)}.text-gold-dark{color:var(--gold-dark)}.text-gold-light{color:var(--gold-light)}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-card{background-color:var(--bg-card)}.bg-gold{background-color:var(--gold-primary)}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}::-webkit-scrollbar{width:.4vw;height:.4vw}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:.4vw}::-webkit-scrollbar-thumb:hover{background:var(--gold-primary)}@media(max-width:76.8vw){:root{--font-size-4xl: 2.4vw;--font-size-3xl: 2.2vw;--font-size-2xl: 1.9vw}.container{padding:0 var(--spacing-sm)}.navbar{padding:var(--spacing-sm) 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(.8vw)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 1.5s ease-in-out infinite}.footer{background-color:var(--bg-navbar);border-top:var(--border-gold);padding:var(--spacing-2xl) 0;margin-top:var(--spacing-2xl)}.divider{height:.08vw;background-color:#2a2a2a;margin:var(--spacing-lg) 0}.divider-gold{height:.16vw;background:linear-gradient(90deg,transparent,var(--gold-primary),transparent);margin:var(--spacing-lg) 0}.galleries-page{width:100%;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);padding:2vw}.galleries-page-title{text-align:center;font-size:2vw;font-weight:700;color:var(--gold-primary);margin-bottom:2vw;text-shadow:0 .2vw .4vw rgba(0,0,0,.3)}.galleries-table-container{background:#0006;border-radius:1vw;padding:1vw;overflow-x:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:.1vw solid rgba(255,215,0,.2)}.details-table{width:100%;border-collapse:collapse;direction:rtl}.details-table thead th{color:var(--gold-primary);font-size:1vw;padding:1vw;text-align:center;border-bottom:.15vw solid var(--gold-primary);font-weight:700}.details-table tbody td{padding:1vw;text-align:center;color:#ffffffd9;font-size:.9vw;border-bottom:.05vw solid rgba(255,215,0,.15);vertical-align:middle}.details-table tbody tr:hover td{background:#ffd7000d}.gallery-name{color:var(--gold-primary);font-weight:700;font-size:1vw}.gallery-address{color:#fffc}.gallery-phones-section{min-width:200px}.phones-numbers{display:flex;flex-direction:column;gap:.5vw;margin-bottom:.8vw;max-height:10vw;overflow-y:auto;padding:.3vw}.phones-numbers::-webkit-scrollbar{width:.3vw}.phones-numbers::-webkit-scrollbar-track{background:#0000004d;border-radius:.3vw}.phones-numbers::-webkit-scrollbar-thumb{background:var(--gold-primary);border-radius:.3vw}.gallery-phone-num-wrapper{display:flex;justify-content:space-between;align-items:center;background:#0006;padding:.4vw .8vw;border-radius:.6vw;border:.05vw solid rgba(255,215,0,.2);transition:all .2s ease}.gallery-phone-num-wrapper:hover{border-color:var(--gold-primary);background:#0009}.gallery-phone-num{color:#fff;font-size:.85vw;direction:ltr;font-family:monospace}.phone-num-actions{display:flex;gap:.5vw}.phone-num-edit-btn,.phone-num-delete-btn{padding:.2vw .6vw;border-radius:.4vw;font-size:.7vw;cursor:pointer;transition:all .2s ease;font-weight:700}.phone-num-edit-btn{background:#ffd70026;color:var(--gold-primary);border:.05vw solid rgba(255,215,0,.3)}.phone-num-edit-btn:hover{background:var(--gold-primary);color:#000;transform:scale(1.05)}.phone-num-delete-btn{background:#c6282826;color:#ef5350;border:.05vw solid rgba(198,40,40,.3)}.phone-num-delete-btn:hover{background:#c62828;color:#fff;transform:scale(1.05)}.no-phones{color:#ffffff80;font-size:.8vw;font-style:italic;padding:.3vw;text-align:center}.add-phone-btn{display:inline-block;padding:.3vw 1vw;background:linear-gradient(135deg,#ffd70026,#0006);border:.1vw dashed rgba(255,215,0,.5);border-radius:1.5vw;color:var(--gold-primary);font-size:.8vw;cursor:pointer;transition:all .3s ease;text-align:center}.add-phone-btn:hover{background:#ffd70040;transform:scale(1.02);border-style:solid}.edit-gallery-btn{display:inline-block;padding:.4vw 1.2vw;background:linear-gradient(135deg,#ffd70026,#0006);border:.1vw solid rgba(255,215,0,.4);border-radius:1.5vw;color:var(--gold-primary);font-size:.85vw;cursor:pointer;transition:all .3s ease;font-weight:700}.edit-gallery-btn:hover{background:var(--gold-primary);color:#000;transform:scale(1.05);border-color:var(--gold-primary)}.no-data-row td{text-align:center;padding:3vw;color:#fff9;font-size:1.1vw;font-style:italic}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#0a0a14f2;border:.15vw solid var(--gold-primary);border-radius:1.2vw;width:90%;max-width:450px;animation:slideUp .3s ease;box-shadow:0 1vw 2.5vw #00000080}@keyframes slideUp{0%{transform:translateY(5vw);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.2vw 1.5vw;border-bottom:.1vw solid rgba(255,215,0,.3)}.modal-header h3{color:var(--gold-primary);font-size:1.2vw;margin:0}.modal-close{background:#0009;border:.1vw solid rgba(255,215,0,.3);color:var(--gold-primary);font-size:1.2vw;width:2vw;height:2vw;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:#c62828;border-color:#c62828;color:#fff;transform:scale(1.1)}.modal-body{padding:1.5vw;display:flex;flex-direction:column;gap:1.2vw}.modal-body .form-group{display:flex;flex-direction:column;gap:.5vw}.modal-body .form-group label{color:#ffd700e6;font-size:.85vw;font-weight:700}.modal-body .form-group .form-input{background:#0009;border:.1vw solid rgba(255,215,0,.3);border-radius:.6vw;padding:.7vw 1vw;color:#fff;font-size:.9vw;transition:all .3s ease}.num-form-input{direction:ltr}.modal-body .form-group .form-input:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 .5vw #ffd7004d}.modal-footer{display:flex;justify-content:center;gap:1vw;padding:1.2vw 1.5vw;border-top:.1vw solid rgba(255,215,0,.2)}.btn-cancel,.btn-confirm{padding:.5vw 1.5vw;font-size:.9vw;font-weight:700;border-radius:1.5vw;cursor:pointer;transition:all .3s ease;border:none}.btn-cancel{background:transparent;color:#ef5350;border:.1vw solid #ef5350}.btn-cancel:hover{background:#c62828;color:#fff;transform:scale(1.02)}.btn-confirm{background:linear-gradient(135deg,var(--gold-primary),var(--gold-metallic));color:#000}.btn-confirm:hover{transform:scale(1.02);box-shadow:0 .2vw .5vw #ffd7004d}@media(max-width:1024px){.galleries-page{padding:3vw}.galleries-page-title{font-size:3vw}.details-table thead th{font-size:1.2vw;padding:1.2vw}.details-table tbody td{font-size:1.1vw;padding:1.2vw}.gallery-name{font-size:1.2vw}.gallery-phone-num{font-size:1vw}.phone-num-edit-btn,.phone-num-delete-btn{font-size:.9vw;padding:.3vw .8vw}.add-phone-btn{font-size:1vw;padding:.4vw 1.2vw}.edit-gallery-btn{font-size:1vw;padding:.5vw 1.5vw}.modal-header h3{font-size:1.5vw}.modal-body .form-group label{font-size:1.1vw}.modal-body .form-group .form-input{font-size:1.1vw;padding:.8vw 1.2vw}.btn-cancel,.btn-confirm{font-size:1.1vw;padding:.6vw 1.8vw}}@media(max-width:768px){.galleries-page{padding:4vw}.galleries-page-title{font-size:4vw}.galleries-table-container{overflow-x:auto}.details-table{min-width:600px}.details-table thead th{font-size:2vw;padding:1.5vw}.details-table tbody td{font-size:1.8vw;padding:1.5vw}.gallery-name{font-size:2vw}.gallery-phone-num{font-size:1.6vw}.phone-num-edit-btn,.phone-num-delete-btn{font-size:1.4vw;padding:.4vw 1vw}.add-phone-btn{font-size:1.6vw;padding:.6vw 1.5vw}.edit-gallery-btn{font-size:1.6vw;padding:.6vw 1.8vw}.modal-content{width:95%;max-width:400px}.modal-header h3{font-size:2.5vw}.modal-close{width:3.5vw;height:3.5vw;font-size:2vw}.modal-body .form-group label{font-size:2vw}.modal-body .form-group .form-input{font-size:2vw;padding:1vw 1.5vw}.btn-cancel,.btn-confirm{font-size:2vw;padding:.8vw 2.5vw}.no-data-row td{font-size:2vw}}