:root{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:49px;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:14px;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{font-family:Mulish,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{min-height:100vh;color:var(--color-text-primary);padding-top:70px;overflow-x:hidden}#root{width:100%;margin:0;padding:0}.app-header{text-align:center;margin:1.5rem auto 2rem;padding:1.5rem 0;max-width:1200px}.app-title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:.75rem 0 .4rem;text-shadow:0 2px 4px var(--color-shadow)}.app-subtitle{font-size:.95rem;color:var(--color-text-secondary);margin:0;font-weight:500}.logo-container{display:flex;justify-content:center;gap:1.5rem;margin-bottom:.75rem}.logo{height:4em;padding:1em;will-change:filter;transition:all .3s ease}.logo:hover{filter:drop-shadow(0 0 1em var(--color-primary));transform:translateY(-2px)}.logo.react:hover{filter:drop-shadow(0 0 1em var(--color-primary))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.app-main{padding:1.5rem 0}.color-showcase h2{text-align:center;font-size:1.6rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1.5rem}.component-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.component-demo{min-height:200px;display:flex;flex-direction:column}.component-demo .card__content{flex:1;display:flex;align-items:center;justify-content:center}.color-palette{padding:2rem}.color-palette h3{text-align:center;font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1rem}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.color-swatch{height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--color-text-light);font-weight:600;text-align:center;transition:transform .2s ease}.color-swatch:hover{transform:translateY(-2px)}.color-swatch.bg-yellow,.color-swatch.bg-beige{color:var(--color-text-primary)}.color-name{font-size:.95rem;margin-bottom:.4rem}.color-hex{font-size:.8rem;opacity:.9;font-family:Courier New,monospace}@media (min-width: 1441px){.app{padding-top:70px}}@media (min-width: 1025px) and (max-width: 1440px){.app{padding-top:70px}}@media (min-width: 769px) and (max-width: 1024px){.app{padding-top:65px}}@media (min-width: 481px) and (max-width: 768px){.app{padding-top:60px}}@media (max-width: 480px){.app{padding-top:55px}}@media (max-width: 360px){.app{padding-top:50px}}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.auth-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--color-border-primary);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.75rem}:root{--font-family: "Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--color-primary: #0673ff;--color-primary-light: #348DFF;--color-primary-dark: #045ACC;--color-yellow: #F2F3AE;--color-beige: #EDD382;--color-navy: #020122;--color-success: #F2F3AE;--color-success-light: rgba(242, 243, 174, .1);--color-warning: #0673ff;--color-error: #0673ff;--color-error-light: rgba(6, 115, 255, .1);--color-info: #EDD382;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F8F9FA;--color-bg-dark: #020122;--color-bg-accent: #F2F3AE;--color-bg-card: #EDD382;--color-background: #F8F9FA;--color-background-secondary: #F1F3F4;--color-white: #FFFFFF;--color-text-primary: #020122;--color-text-secondary: #6C757D;--color-text-light: #FFFFFF;--color-text-muted: #ADB5BD;--color-border-primary: #EDD382;--color-border-secondary: #F2F3AE;--color-border-accent: #0673ff;--color-border: #E1E5E9;--color-hover: #F2F3AE;--color-focus: #0673ff;--color-active: #0673ff;--color-disabled: #E9ECEF;--color-primary-light: rgba(6, 115, 255, .1);--color-shadow: rgba(2, 1, 34, .1);--color-shadow-hover: rgba(6, 115, 255, .2);--background-color: var(--color-bg-secondary);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--border-color: var(--color-border);--primary-color: var(--color-primary);--hover-color: var(--color-hover)}@media (prefers-color-scheme: dark){:root{--color-bg-primary: #020122;--color-bg-secondary: #1A1A2E;--color-text-primary: #FFFFFF;--color-text-secondary: #ADB5BD;--color-border-primary: #2D2D44;--color-border-secondary: #3A3A5A}}.text-primary{color:var(--color-primary)}.text-navy{color:var(--color-navy)}.text-yellow{color:var(--color-yellow)}.text-beige{color:var(--color-beige)}.bg-primary{background-color:var(--color-primary)}.bg-navy{background-color:var(--color-navy)}.bg-yellow{background-color:var(--color-yellow)}.bg-beige{background-color:var(--color-beige)}.border-primary{border-color:var(--color-primary)}.border-navy{border-color:var(--color-navy)}.border-yellow{border-color:var(--color-yellow)}.border-beige{border-color:var(--color-beige)}.navigation{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-primary);box-shadow:0 2px 8px var(--color-shadow);position:fixed;top:0;left:0;right:0;z-index:1000;width:100%}.navigation__container{max-width:1280px;width:100%;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:70px;box-sizing:border-box}.navigation__logo{flex-shrink:0}.navigation__logo-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:none;outline:none}.navigation__logo-btn:focus{outline:none}.navigation__logo-btn:active{outline:none;background:none;transform:none}.navigation__logo-text{font-size:1.25rem;font-weight:700;color:var(--color-primary);text-decoration:none;letter-spacing:-.5px;transition:all .2s ease-in-out}.navigation__menu{display:flex;align-items:center;justify-content:center;gap:2rem;flex:1;margin:0 2rem;min-width:0}.navigation__link{color:var(--color-text-primary);text-decoration:none;font-weight:600;font-size:.9rem;padding:0!important;margin:0!important;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;outline:none;transition:all .2s ease-in-out;position:relative;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.navigation__link:hover{color:var(--color-primary);transform:translateY(-1px)}.navigation__link:active{color:var(--color-primary);background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;transform:translateY(-1px)}.navigation__link:focus:not(:focus-visible){outline:none!important;background:transparent!important;border:none!important;box-shadow:none!important}.navigation__link:focus{outline:2px solid var(--color-focus);outline-offset:2px}.navigation__link.active{color:var(--color-primary);font-weight:700;transform:translateY(-1px)}.navigation__actions{flex-shrink:0;display:flex;align-items:center;gap:1rem;min-width:0}.navigation__action-btn{padding:.6rem 1.25rem;border:none;border-radius:100px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;box-sizing:border-box}.navigation__action-btn--primary{background-color:var(--color-primary);color:var(--color-text-light);box-shadow:0 2px 4px var(--color-shadow)}.navigation__action-btn--primary:hover{background-color:var(--color-primary-light);box-shadow:0 4px 8px var(--color-shadow-hover);transform:translateY(-1px)}.navigation__action-btn--primary:active{background-color:var(--color-primary-dark);transform:translateY(0)}.navigation__action-btn--secondary{background-color:transparent;color:var(--color-text-primary);border:2px solid var(--color-border-primary)}.navigation__action-btn--secondary:hover{background-color:var(--color-bg-accent);border-color:var(--color-primary)}.navigation__action-btn--secondary:active{background-color:var(--color-border-primary);transform:translateY(0)}.navigation__mobile-toggle{display:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:10;border-radius:8px;transition:all .2s ease-in-out}.navigation__mobile-toggle:hover{background-color:var(--color-bg-accent)}.navigation__mobile-toggle svg{width:1.5rem;height:1.5rem;color:var(--color-text-primary);transition:all .2s ease-in-out}@media (min-width: 1441px){.navigation__container{max-width:1600px;padding:0 3rem}.navigation__logo-text{font-size:1.5rem}.navigation__link{font-size:.95rem;padding:0}.navigation__action-btn{padding:.7rem 1.75rem;font-size:.9rem}}@media (min-width: 1025px) and (max-width: 1440px){.navigation__container{padding:0 2.5rem}.navigation__logo-text{font-size:1.4rem}.navigation__link{font-size:.9rem;padding:0}.navigation__action-btn{padding:.65rem 1.5rem;font-size:.85rem}}@media (min-width: 769px) and (max-width: 1024px){.navigation__container{padding:0 1.5rem;height:65px}.navigation__menu{gap:1.5rem;margin:0 1.5rem}.navigation__link{padding:0;font-size:.85rem}.navigation__action-btn{padding:.5rem 1rem;font-size:.75rem}.navigation__logo-text{font-size:1.2rem}}@media (min-width: 769px){.navigation__menu{position:static;transform:none;opacity:1;visibility:visible;background:none;box-shadow:none;border:none;padding:0}.navigation__mobile-toggle{display:none}}@media (min-width: 481px) and (max-width: 768px){.navigation__container{padding:0 1rem;height:60px;max-width:100%;overflow:hidden;box-sizing:border-box}.navigation__menu{position:fixed;top:60px;left:0;right:0;background-color:var(--color-bg-primary);flex-direction:column;gap:0;margin:0;padding:1rem 0;border-bottom:1px solid var(--color-border-primary);box-shadow:0 4px 8px var(--color-shadow);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease-in-out;width:100%}.navigation__menu.active{transform:translateY(0);opacity:1;visibility:visible}.navigation__link{width:100%;text-align:center;padding:0;border-radius:0;border-bottom:1px solid var(--color-border-primary)}.navigation__link:last-child{border-bottom:none}.navigation__mobile-toggle{display:flex}.navigation__mobile-toggle svg{width:1.4rem;height:1.4rem}.navigation__logo-text{font-size:1.1rem}.navigation__actions{gap:.4rem;flex-shrink:0}.navigation__action-btn{padding:.4rem .6rem;font-size:.7rem;white-space:nowrap;box-sizing:border-box}.navigation__logo{flex-shrink:0;min-width:0}.navigation__menu{flex-shrink:1;min-width:0}}@media (max-width: 480px){.navigation__container{padding:0 .75rem;height:55px;max-width:100%;overflow:hidden;box-sizing:border-box}.navigation__menu{position:fixed;top:55px;left:0;right:0;background-color:var(--color-bg-primary);flex-direction:column;gap:0;margin:0;padding:.75rem 0;border-bottom:1px solid var(--color-border-primary);box-shadow:0 4px 8px var(--color-shadow);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease-in-out;width:100%}.navigation__menu.active{transform:translateY(0);opacity:1;visibility:visible}.navigation__link{width:100%;text-align:center;padding:0;border-radius:0;border-bottom:1px solid var(--color-border-primary);font-size:.8rem}.navigation__link:last-child{border-bottom:none}.navigation__mobile-toggle{display:flex}.navigation__mobile-toggle svg{width:1.3rem;height:1.3rem}.navigation__logo-text{font-size:1rem}.navigation__actions{gap:.35rem;flex-shrink:0}.navigation__action-btn{padding:.35rem .5rem;font-size:.7rem;white-space:nowrap;box-sizing:border-box}.navigation__logo{flex-shrink:0;min-width:0}.navigation__menu{flex-shrink:1;min-width:0}}@media (max-width: 360px){.navigation__container{padding:0 .5rem;height:50px}.navigation__menu{top:50px;padding:.5rem 0}.navigation__link{padding:0;font-size:.85rem}.navigation__logo-text{font-size:1rem}.navigation__action-btn{padding:.35rem .5rem;font-size:.7rem}.navigation__mobile-toggle{width:2rem;height:2rem}.navigation__mobile-toggle svg{width:1.2rem;height:1.2rem}}.navigation__auth-loading{display:flex;align-items:center;justify-content:center;width:40px;height:40px}.navigation__auth-loading .loading-spinner{width:20px;height:20px;border:2px solid var(--color-border-primary);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.navigation__profile{position:relative}.navigation__profile-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease-in-out}.navigation__profile-btn:hover{background-color:var(--color-bg-accent)}.navigation__profile-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;transition:all .2s ease-in-out;border:2px solid transparent}.navigation__profile-btn:hover .navigation__profile-avatar{border-color:var(--color-primary-light);transform:scale(1.05)}.navigation__profile-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;border:1px solid var(--color-border-primary);min-width:240px;z-index:1000;overflow:hidden;animation:slideDown .2s ease-out}.navigation__profile-header{padding:1rem;border-bottom:1px solid var(--color-border-primary);background-color:var(--color-bg-accent)}.navigation__profile-info{display:flex;flex-direction:column;gap:.25rem}.navigation__profile-name{font-weight:600;color:var(--color-text-primary);font-size:.85rem;line-height:1.2}.navigation__profile-role{font-size:.75rem;color:var(--color-text-muted);text-transform:capitalize}.navigation__profile-actions{padding:.5rem}.navigation__profile-action{width:100%;padding:.6rem .875rem;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.6rem;color:var(--color-text-primary);font-size:.8rem;font-weight:500;transition:all .2s ease-in-out;text-align:left}.navigation__profile-action:hover{background-color:var(--color-bg-accent);color:var(--color-primary)}.navigation__profile-action--logout{color:#dc3545;border-top:1px solid var(--color-border-primary);margin-top:.5rem;padding-top:.75rem}.navigation__profile-action--logout:hover{background-color:#fef2f2;color:#dc3545}@media (max-width: 768px){.navigation__profile-menu{position:fixed;top:70px;left:0;right:0;margin:0;border-radius:0;border-left:none;border-right:none;border-bottom:none;min-width:auto}.navigation__profile-avatar{width:36px;height:36px;font-size:1rem}.navigation__profile-menu{animation:slideInFromTop .2s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}}@media (max-width: 480px){.navigation__profile-menu{top:60px}.navigation__profile-avatar{width:32px;height:32px;font-size:.9rem}.navigation__profile-name{font-size:.9rem}.navigation__profile-role{font-size:.75rem}.navigation__profile-action{padding:.6rem .8rem;font-size:.85rem}}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;box-sizing:border-box}.modal-content{background:var(--color-bg-primary);border-radius:12px;max-width:95vw;max-height:95vh;width:100%;height:100%;overflow:auto;position:relative;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column}.modal-close{position:fixed;top:1rem;right:1rem;width:2.5rem;height:2.5rem;background:var(--color-bg-accent);border:1px solid var(--color-border-primary);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2010;transition:all .2s ease-in-out}.modal-close:hover{background:var(--color-border-primary);transform:scale(1.1)}.modal-close svg{width:1.25rem;height:1.25rem;color:var(--color-text-primary)}.signup-page{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1000;overflow-y:auto;animation:pageSlideIn .3s ease-out}.signup-container{background:#fff;width:calc(100% - 400px);min-height:100vh;position:relative;display:flex;flex-direction:column;margin:0 200px}.signup-header{padding:1rem 2rem;border-bottom:1px solid var(--color-border-primary);position:relative}.signup-close{position:absolute;top:1.25rem;right:1.25rem;background:none;border:none;font-size:18px;color:var(--color-text-muted);cursor:pointer;padding:.4rem;border-radius:50%;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.signup-close:hover{background-color:var(--color-border-primary);color:var(--color-text-primary)}.signup-title{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0 0 .75rem;text-align:center}.signup-content{padding:1.25rem;flex:1;overflow-y:auto}.step-title{font-size:13px;font-weight:600;color:var(--color-text-primary);margin:0 0 .75rem}.form-row,.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:.6rem;align-items:start;box-sizing:border-box}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container .form-input{padding-right:3rem}.password-toggle-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.25rem;color:var(--color-text-muted);transition:color .2s ease-in-out;display:flex;align-items:center;justify-content:center;border-radius:4px}.password-toggle-btn:hover{color:var(--color-text-primary);background-color:var(--color-border-primary)}.password-toggle-btn:focus{outline:none;color:var(--color-primary);background-color:var(--color-primary-light)}.password-requirements{margin-top:.75rem;padding:1rem;background-color:var(--color-bg-accent);border-radius:8px;border-left:4px solid var(--color-primary)}.password-requirements p{font-size:.85rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.password-requirements ul{list-style:none;padding:0;margin:0}.password-requirements li{font-size:.8rem;color:var(--color-text-muted);margin-bottom:.25rem;padding-left:1.5rem;position:relative}.password-requirements li:before{content:"○";position:absolute;left:0;color:var(--color-text-muted)}.password-requirements li.met:before{content:"●";color:#27ae60}.password-requirements li.met{color:#27ae60}.radio-group{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.radio-option{display:flex;align-items:center;padding:1rem;border:2px solid var(--color-border-primary);border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;position:relative}.radio-option:hover{border-color:var(--color-primary);background-color:#0673ff0d}.radio-option input[type=radio]{position:absolute;opacity:0;cursor:pointer}.radio-custom{width:20px;height:20px;border:2px solid var(--color-border-primary);border-radius:50%;margin-right:1rem;position:relative;transition:all .2s ease-in-out}.radio-option input[type=radio]:checked+.radio-custom{border-color:var(--color-primary);background-color:var(--color-primary)}.radio-option input[type=radio]:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-color:#fff;border-radius:50%}.radio-content{display:flex;align-items:center;gap:.75rem;flex:1}.radio-content .material-icons{font-size:20px;width:20px;height:20px;color:var(--color-primary)}.radio-content span{font-weight:500;color:var(--color-text-primary)}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-option.error{color:#e74c3c}.checkbox-option a{color:var(--color-primary);text-decoration:none}.checkbox-option a:hover{text-decoration:underline}.signup-footer{padding:1rem 2rem;display:flex;flex-direction:column;gap:1rem;align-items:center}.signup-actions{display:flex;gap:1rem;width:100%;justify-content:center}.signin-prompt{text-align:center;padding-top:1rem;border-top:1px solid var(--color-border-primary);width:100%}.signin-prompt p{color:var(--color-text-muted);font-size:12px;margin:0 0 .75rem}.switch-page-btn{background:none;border:none;color:var(--color-primary);font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s ease-in-out}@media (max-width: 768px){.signup-page{padding:0}.signup-container{width:calc(100% - 40px);margin:0 20px;min-height:100vh}.signup-header{padding:1.5rem 1.5rem 1rem}.signup-content{padding:2rem}.signup-footer{padding:1rem 1.5rem;flex-direction:column;gap:1rem}.signin-prompt{padding-top:.75rem}.signup-actions{width:100%;justify-content:center}.btn{flex:1;justify-content:center}.form-row,.form-grid,.radio-group{grid-template-columns:1fr}}@media (max-width: 480px){.signup-container{width:calc(100% - 20px);margin:0 10px}.signup-title{font-size:1.5rem}.step-title{font-size:1.1rem}.form-input{padding:.625rem .875rem;font-size:.9rem}.radio-option,.checkbox-option,.password-requirements{padding:.75rem}}.login-page{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1000;overflow-y:auto;animation:pageSlideIn .3s ease-out}@keyframes pageSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.login-container{background:#fff;width:calc(100% - 400px);min-height:100vh;position:relative;display:flex;flex-direction:column;margin:0 200px}.login-header{padding:1rem 2rem;border-bottom:1px solid var(--color-border-primary);position:relative}.login-close{position:absolute;top:1.25rem;right:1.25rem;background:none;border:none;font-size:18px;color:var(--color-text-muted);cursor:pointer;padding:.4rem;border-radius:50%;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.login-close:hover{background-color:var(--color-border-primary);color:var(--color-text-primary)}.login-title{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0 0 .75rem;text-align:center}.login-subtitle{font-size:12px;color:var(--color-text-muted);text-align:center;margin:0;line-height:1.4}.login-content{padding:1.25rem;flex:1;overflow-y:auto}.login-form{margin-bottom:.75rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:.6rem;align-items:start;box-sizing:border-box}.form-group{margin-bottom:1rem;box-sizing:border-box;min-width:0}.form-label{display:block;font-size:10px;font-weight:600;color:var(--color-text-primary);margin-bottom:.3rem}.form-input{width:100%;padding:.5rem .75rem;border:2px solid var(--color-border-primary);border-radius:8px;font-size:11px;transition:all .2s ease-in-out;background-color:#fff;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-input.error{border-color:#e74c3c}.form-input::placeholder{color:var(--color-text-muted)}.global-error{background-color:#fdf2f2;border:1px solid #fecaca;border-radius:8px;padding:.75rem;margin-bottom:1rem;text-align:center;font-size:.9rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;font-size:1.25rem;color:var(--color-text-muted);z-index:2;pointer-events:none}.input-wrapper .form-input{padding-left:2.75rem}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.forgot-password-link{background:none;border:none;color:var(--color-primary);font-size:.9rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s ease-in-out}.forgot-password-link:hover{color:#e6451a;text-decoration:underline}.forgot-password-link:disabled{opacity:.6;cursor:not-allowed}.login-actions{display:flex;gap:1rem;width:100%;justify-content:center}.login-btn{justify-content:center;margin-bottom:1rem}.divider{position:relative;text-align:center;margin:2rem 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--color-border-primary)}.divider span{background-color:#fff;padding:0 1rem;color:var(--color-text-muted);font-size:.9rem;font-weight:500}.social-login{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.social-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.5rem;border:2px solid var(--color-border-primary);border-radius:8px;background-color:#fff;color:var(--color-text-primary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none}.social-btn:hover{border-color:var(--color-primary);background-color:#0673ff0d;transform:translateY(-1px)}.social-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.social-btn .material-icons{font-size:20px;width:20px;height:20px}.social-btn--google .material-icons{color:#4285f4}.social-btn--facebook .material-icons{color:#1877f2}.signup-prompt{text-align:center;padding-top:1rem;border-top:1px solid var(--color-border-primary)}.signup-prompt p{color:var(--color-text-muted);font-size:.95rem;margin:0 0 .75rem}.switch-page-btn{background:none;border:none;color:var(--color-primary);font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s ease-in-out}.switch-page-btn:hover{color:#e6451a;text-decoration:underline}.switch-page-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.login-container{width:calc(100% - 40px);margin:0 20px}.login-header{padding:1.5rem 1.5rem 1rem}.login-content{padding:2rem}.login-title{font-size:1.5rem}.login-subtitle{font-size:.9rem}.form-grid{grid-template-columns:1fr}.form-options{flex-direction:column;align-items:flex-start;gap:.75rem}.social-btn{padding:.75rem 1.25rem;font-size:.9rem}.signup-prompt{padding-top:.75rem}}@media (max-width: 480px){.login-container{width:calc(100% - 20px);margin:0 10px}.login-title{font-size:1.25rem}.login-subtitle{font-size:11px}.input-icon{font-size:1.1rem}.input-wrapper .form-input{padding-left:2.5rem}.social-btn{padding:.625rem 1rem;font-size:11px}.social-btn .material-icons{font-size:20px;width:20px;height:20px}}.search-section{width:100%;display:flex;justify-content:center;position:relative;overflow-x:hidden;padding-top:2rem;margin-top:1rem}.search-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:var(--color-border-primary)}.search-container{width:100%;max-width:1200px;padding:0 20px;margin:0 auto}.welcome-text{text-align:center;margin-bottom:2rem;padding:1rem 0}.welcome-subtitle{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.4}.search-icons{display:flex;justify-content:center;align-items:center;margin-bottom:1rem;height:50px;margin-left:0;padding:0 2rem;position:relative}.icon-container{display:flex;gap:1rem;padding:.5rem;transition:all .2s ease-in-out;position:absolute;left:2rem}.icon-item{width:80px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:all .2s ease-in-out;cursor:pointer;position:relative;z-index:1}.icon-item:hover{transform:translateY(-2px);z-index:2}.icon-item.active{transform:translateY(-1px);z-index:2}.search-icon{width:40px;height:40px;object-fit:contain}.search-title{font-size:2rem;font-weight:700;color:var(--color-text-primary);text-align:center;margin-bottom:.5rem}.search-subtitle{font-size:1rem;font-weight:600;color:var(--color-text-primary);text-align:center;margin:0;font-family:inherit;transition:all .2s ease-in-out;white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.search-form{padding:0 0 2rem}.search-bar-container{width:100%;display:flex;justify-content:center;margin-bottom:1.5rem}.search-bar-wrapper{display:flex;gap:1rem;width:100%;max-width:800px;align-items:center}.search-bar-input{flex:1;height:48px!important;padding:12px 16px!important;border:2px solid var(--color-primary)!important;border-radius:24px;font-size:16px;background:var(--color-bg-primary);color:var(--color-text-primary);transition:all .2s ease-in-out;font-family:inherit;box-sizing:border-box}.search-bar-input:hover:not(:disabled){border-color:var(--color-primary)!important}.search-bar-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.search-bar-input::placeholder{color:var(--color-text-muted)}.search-bar-button{min-width:120px;max-width:240px;height:48px;max-height:48px;font-size:16px;font-weight:600}.search-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.search-field{display:flex;flex-direction:column}.search-label{font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem;font-size:.9rem}.search-section .search-input,.search-section .search-select{width:240px!important;height:42px!important;padding:10px 12px!important;border:1px solid var(--color-primary)!important;border-radius:21px;font-size:14px;background:var(--color-bg-primary);color:var(--color-text-primary);transition:all .2s ease-in-out;font-family:inherit;box-sizing:border-box}.search-section .search-input:hover:not(:disabled),.search-section .search-select:hover:not(:disabled){border-color:var(--color-primary)!important}.search-section .search-input:focus,.search-section .search-select:focus{outline:none;border-color:var(--color-primary)!important;box-shadow:0 0 0 3px var(--color-primary-light)}.search-section .search-input::placeholder{color:var(--color-text-muted)}.search-select{cursor:pointer;width:240px!important;box-sizing:border-box}.search-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.search-actions .btn{max-width:240px;width:240px;height:48px!important;max-height:48px}.search-button{background:var(--color-primary);color:var(--color-text-light);border:none;padding:.875rem 2rem;border-radius:100px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 2px 4px var(--color-shadow);max-width:240px;max-height:48px}.search-button:hover{background:var(--color-primary-light);box-shadow:0 4px 8px var(--color-shadow-hover);transform:translateY(-1px)}.search-button:active{background:var(--color-primary-dark);transform:translateY(0)}.search-clear{color:var(--color-text-primary);border:1px solid var(--color-border-primary);padding:.875rem 2rem;border-radius:100px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease-in-out}.search-clear:hover{background:var(--color-bg-accent);border-color:var(--color-border-accent)}@media (max-width: 768px){.search-section{padding-top:1.5rem;padding-bottom:1.5rem;margin-top:.5rem}.search-container{padding:0}.search-container{margin:0 auto;max-width:1000px}.welcome-text{margin-bottom:1.5rem;padding:.75rem 0}.welcome-subtitle{font-size:1.25rem}.search-bar-wrapper{flex-direction:column;gap:.75rem}.search-bar-button{width:100%}.search-icons{gap:.75rem;margin-bottom:.75rem;height:40px;padding:0 1rem;flex-direction:column;gap:1rem;position:relative}.icon-container{position:static;left:auto}.search-subtitle{position:static;left:auto;transform:none}.icon-container{gap:.75rem;padding:.4rem}.icon-item{width:70px;height:35px}.search-icon{width:30px;height:30px}.search-title{font-size:1.5rem}.search-subtitle{font-size:.8rem}.search-form{padding:0 0 1.5rem}.search-grid{grid-template-columns:1fr;gap:1rem}.search-actions{flex-direction:column;align-items:center}.search-button,.search-clear{width:100%;max-width:300px}}@media (max-width: 480px){.search-section{padding-top:1rem;padding-bottom:1rem;margin-top:.5rem}.search-container{padding:0}.search-container{margin:0 auto;max-width:800px}.welcome-text{margin-bottom:1.25rem;padding:.5rem 0}.welcome-subtitle{font-size:1.1rem}.search-icons{gap:.5rem;margin-bottom:.5rem;height:35px;padding:0 .75rem;flex-direction:column;gap:.75rem;position:relative}.icon-container{position:static;left:auto}.search-subtitle{position:static;left:auto;transform:none}.icon-container{gap:.5rem;padding:.3rem}.icon-item{width:60px;height:30px}.search-icon{width:25px;height:25px}.search-form{padding:0 0 1rem}.search-title{font-size:1.25rem}.search-subtitle{font-size:.7rem}}@media (min-width: 1025px) and (max-width: 1200px){.search-container{margin:0 150px}.search-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 769px) and (max-width: 1024px){.search-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1441px){.search-container{margin:0 250px}.search-title{font-size:2.5rem}.search-subtitle{font-size:1.1rem}.search-form{padding:0 0 3rem}}.input{height:42px;width:240px;padding:10px 12px;border:1px solid var(--color-border-primary);border-radius:21px;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:inherit;font-size:14px;font-weight:400;transition:all .2s ease-in-out;outline:none}.input:focus{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-primary-light)}.input:hover:not(:disabled){border-color:var(--color-border-accent)}.input:disabled{background-color:var(--color-disabled);color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.input::placeholder{color:var(--color-text-muted);opacity:.7}.input--error{border-color:var(--color-error)}.input--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-light)}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:100px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease-in-out;font-family:inherit;position:relative;overflow:hidden;height:42px;width:240px;box-sizing:border-box}.btn--small{padding:6px 14px;font-size:11px;height:32px;width:180px}.btn--medium{padding:10px 20px;font-size:14px;height:42px;width:240px}.btn--large{padding:13px 28px;font-size:16px;height:52px;width:300px}.btn--primary{background-color:var(--color-primary);color:var(--color-text-light);box-shadow:0 2px 4px var(--color-shadow)}.btn--primary:hover:not(.btn--disabled){background-color:var(--color-primary-light);box-shadow:0 4px 8px var(--color-shadow-hover);transform:translateY(-1px)}.btn--primary:active:not(.btn--disabled){background-color:var(--color-primary-dark);transform:translateY(0)}.btn--secondary{background-color:var(--color-primary);color:var(--color-text-light);box-shadow:0 2px 4px var(--color-shadow)}.btn--secondary:hover:not(.btn--disabled){background-color:var(--color-primary-light);box-shadow:0 4px 8px var(--color-shadow-hover);transform:translateY(-1px)}.btn--outline{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn--outline:hover:not(.btn--disabled){background-color:var(--color-primary);color:var(--color-text-light);box-shadow:0 4px 8px var(--color-shadow-hover)}.btn--ghost{background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.btn--ghost:hover:not(.btn--disabled){background-color:var(--color-bg-accent);border-color:var(--color-border-accent)}.btn--disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:focus{outline:2px solid var(--color-focus);outline-offset:2px}.btn--loading{pointer-events:none}.btn--loading:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:button-loading-spinner 1s ease infinite}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.listings{width:100%;padding:10px 0 3rem}.listings-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.listings-title{font-size:1.6rem;font-weight:700;color:var(--color-text-primary);text-align:left;margin-bottom:1.5rem;margin-top:0}.listings .listings-grid{display:grid;grid-template-columns:repeat(5,1fr)!important;gap:1.25rem}@media (max-width: 768px){.listings-container{margin:0 auto;max-width:700px}.listings-title{font-size:1.3rem}.listings .listings-grid{grid-template-columns:repeat(2,1fr)!important;gap:.875rem}}@media (max-width: 480px){.listings-container{margin:0 auto;max-width:600px}.listings-title{font-size:1.1rem}.listings .listings-grid{grid-template-columns:repeat(1,1fr)!important;gap:.875rem}}@media (min-width: 769px){.listings .listings-grid{grid-template-columns:repeat(5,1fr)!important}}@media (min-width: 1025px) and (max-width: 1200px){.listings-container{margin:0 auto;max-width:1200px}.listings .listings-grid{grid-template-columns:repeat(5,1fr)!important;gap:1.25rem}}@media (min-width: 769px) and (max-width: 1024px){.listings-container{margin:0 auto;max-width:1000px}.listings .listings-grid{grid-template-columns:repeat(5,1fr)!important;gap:1.25rem}}@media (min-width: 1441px){.listings-container{margin:0 auto;max-width:1600px}.listings-title{font-size:2rem}.listings .listings-grid{grid-template-columns:repeat(5,1fr)!important;gap:1.5rem}}.listings-loading,.listings-error,.listings-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--color-text-secondary)}.listings-loading .loading-icon{animation:spin 1s linear infinite;font-size:2rem;margin-bottom:1rem;color:var(--color-primary)}.listings-loading p,.listings-error p,.listings-empty p{margin:0;font-size:.875rem}.listings-error{color:#c62828}.listings-error .material-icons{font-size:20px;width:20px;height:20px;margin-bottom:1rem;color:#c62828}.listings-empty .material-icons{font-size:20px;width:20px;height:20px;margin-bottom:1rem;color:var(--color-text-muted)}.listings .listings-grid .vehicle-card,.vehicle-card{background:var(--color-bg-primary);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px var(--color-shadow);transition:all .2s ease-in-out;cursor:pointer;display:block!important;flex-direction:unset!important;align-items:unset!important;gap:unset!important;padding:unset!important;border:none!important;background:var(--color-bg-primary)!important}.listings .listings-grid .vehicle-card:hover,.vehicle-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--color-shadow-hover);background:var(--color-bg-primary)!important;border-color:unset!important}.listings .listings-grid .vehicle-card .vehicle-image,.vehicle-card .vehicle-image{width:100%;height:160px;background:var(--color-bg-accent);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:unset!important;width:100%!important;height:160px!important;border-radius:0!important}.listings .listings-grid .vehicle-card .vehicle-image img,.vehicle-card .vehicle-image img{width:100%;height:100%;object-fit:cover}.listings .listings-grid .vehicle-card .vehicle-info,.vehicle-card .vehicle-info{padding:.875rem;flex:unset!important;width:100%!important}.listings .listings-grid .vehicle-card .vehicle-name,.vehicle-card .vehicle-name{font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .4rem}.listings .listings-grid .vehicle-card .vehicle-year,.vehicle-card .vehicle-year{font-size:.8rem;color:var(--color-text-secondary);margin:0 0 .2rem}.listings .listings-grid .vehicle-card .vehicle-price,.vehicle-card .vehicle-price{font-size:1rem;font-weight:700;color:var(--color-primary);margin:.4rem 0 .2rem}.listings .listings-grid .vehicle-card .vehicle-details,.vehicle-card .vehicle-details{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-top:.4rem}.listings .listings-grid .vehicle-card .vehicle-year,.listings .listings-grid .vehicle-card .vehicle-transmission,.listings .listings-grid .vehicle-card .vehicle-fuel,.listings .listings-grid .vehicle-card .vehicle-mileage,.vehicle-card .vehicle-year,.vehicle-card .vehicle-transmission,.vehicle-card .vehicle-fuel,.vehicle-card .vehicle-mileage{font-size:.75rem;color:var(--color-text-muted);margin:0;padding:0;display:flex;align-items:center;gap:.25rem}.listings .listings-grid .vehicle-card .vehicle-year .material-icons,.listings .listings-grid .vehicle-card .vehicle-transmission .material-icons,.listings .listings-grid .vehicle-card .vehicle-fuel .material-icons,.listings .listings-grid .vehicle-card .vehicle-mileage .material-icons,.vehicle-card .vehicle-year .material-icons,.vehicle-card .vehicle-transmission .material-icons,.vehicle-card .vehicle-fuel .material-icons,.vehicle-card .vehicle-mileage .material-icons{font-size:10px;width:10px;height:10px;color:var(--color-primary)}.listings .listings-grid .vehicle-card .vehicle-location,.vehicle-card .vehicle-location{font-size:.75rem;color:var(--color-text-muted);margin:.4rem 0 0}@media (max-width: 768px){.listings .listings-grid .vehicle-card .vehicle-image,.vehicle-card .vehicle-image{height:120px}.listings .listings-grid .vehicle-card .vehicle-info,.vehicle-card .vehicle-info{padding:.75rem}.listings .listings-grid .vehicle-card .vehicle-name,.vehicle-card .vehicle-name{font-size:1rem}.listings .listings-grid .vehicle-card .vehicle-price,.vehicle-card .vehicle-price{font-size:1.1rem}.listings .listings-grid .vehicle-card .vehicle-details,.vehicle-card .vehicle-details{gap:.25rem}.listings .listings-grid .vehicle-card .vehicle-year,.listings .listings-grid .vehicle-card .vehicle-transmission,.listings .listings-grid .vehicle-card .vehicle-fuel,.listings .listings-grid .vehicle-card .vehicle-mileage,.vehicle-card .vehicle-year,.vehicle-card .vehicle-transmission,.vehicle-card .vehicle-fuel,.vehicle-card .vehicle-mileage{font-size:.7rem;padding:0;gap:.2rem}.listings .listings-grid .vehicle-card .vehicle-year .material-icons,.listings .listings-grid .vehicle-card .vehicle-transmission .material-icons,.listings .listings-grid .vehicle-card .vehicle-fuel .material-icons,.listings .listings-grid .vehicle-card .vehicle-mileage .material-icons,.vehicle-card .vehicle-year .material-icons,.vehicle-card .vehicle-transmission .material-icons,.vehicle-card .vehicle-fuel .material-icons,.vehicle-card .vehicle-mileage .material-icons{font-size:10px;width:10px;height:10px}.listings .listings-grid .vehicle-card .vehicle-location,.vehicle-card .vehicle-location{font-size:.8rem}}@media (max-width: 480px){.listings .listings-grid .vehicle-card .vehicle-image,.vehicle-card .vehicle-image{height:140px}}@media (min-width: 1441px){.listings .listings-grid .vehicle-card .vehicle-image,.vehicle-card .vehicle-image{height:180px}.listings .listings-grid .vehicle-card .vehicle-info,.vehicle-card .vehicle-info{padding:1.25rem}}.footer{background-color:transparent;color:var(--color-text-primary);padding:2rem 0 1rem;margin-top:3rem}.dashboard+.footer{margin-left:280px;width:calc(100% - 280px)}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-content{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem}.footer-section{display:flex;flex-direction:column}.footer-title{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin:0 0 .5rem}.footer-description{font-size:.9rem;color:var(--color-text-muted);margin:0 0 1rem;line-height:1.5}.footer-social{display:flex;gap:1rem;margin-top:.5rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-muted);text-decoration:none;transition:all .2s ease-in-out}.social-link:hover{color:var(--color-primary);transform:translateY(-2px)}.social-link .material-icons{font-size:20px;width:20px;height:20px}.footer-subtitle{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .75rem}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.5rem}.footer-links a{color:var(--color-text-muted);text-decoration:none;font-size:.9rem;transition:color .2s ease-in-out}.footer-links a:hover{color:var(--color-primary)}.footer-contact{font-size:.9rem;color:var(--color-text-muted);margin:0 0 .25rem;line-height:1.5}.footer-bottom{border-top:1px solid var(--color-border-primary);padding-top:1rem;text-align:center}.footer-copyright{font-size:.85rem;color:var(--color-text-muted);margin:0 0 .5rem}.footer-legal{margin-top:.5rem}.footer-legal a{color:var(--color-text-muted);text-decoration:none;font-size:.85rem;transition:color .2s ease-in-out}.footer-legal a:hover{color:var(--color-primary)}@media (max-width: 1024px){.dashboard+.footer{margin-left:240px;width:calc(100% - 240px)}}@media (max-width: 768px){.dashboard+.footer{margin-left:0;width:100%}.footer{padding:1.5rem 0 1rem}.footer-content{grid-template-columns:1fr;gap:1.5rem;text-align:center}.footer-section{align-items:center}.footer-social{justify-content:center}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.footer-links li{margin-bottom:0}}@media (max-width: 480px){.footer-container{padding:0 15px}.footer-title{font-size:1.25rem}.footer-subtitle{font-size:.9rem}.footer-description,.footer-contact,.footer-links a{font-size:.85rem}.social-link{width:35px;height:35px}.social-link .material-icons{font-size:20px;width:20px;height:20px}}.dashboard-page{min-height:100vh;background-color:var(--color-bg-secondary);font-family:var(--font-family);display:flex;flex-direction:column}.dashboard-content{flex:1;padding:0 1.5rem 1.5rem}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding:1.5rem;background:var(--color-white);border-radius:12px;box-shadow:0 2px 4px #0000000d}.dashboard-header-left{flex:1}.dashboard-title{font-size:1.6rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .4rem}.dashboard-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin:0}.dashboard-header-right{display:flex;gap:.75rem}.header-notification-btn,.header-settings-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.header-notification-btn:hover,.header-settings-btn:hover{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.header-notification-btn svg,.header-settings-btn svg{width:20px;height:20px}.dashboard-loading,.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:1.5rem}.dashboard-error h3{margin:.75rem 0 .4rem;color:var(--color-text-primary)}.dashboard-error p{margin:0 0 1.25rem;color:var(--color-text-secondary)}.guest-dashboard,.broker-dashboard,.dealership-dashboard,.service-provider-dashboard{display:flex;flex-direction:column;gap:1.5rem}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:.875rem 1rem;display:flex;align-items:center;gap:.625rem;box-shadow:0 1px 3px #0000000a;transition:all .2s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#1754de,#0d3a9e);opacity:0;transition:opacity .2s ease}.stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1754de1f;border-color:#1754de33}.stat-card:hover:before{opacity:1}.stat-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#1754de;flex-shrink:0;background:#1754de14;border-radius:8px;transition:all .2s ease}.stat-card:hover .stat-icon{background:#1754de1f;transform:scale(1.05)}.stat-icon svg{width:20px;height:20px}.stat-content{flex:1;min-width:0}.stat-content h3{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .15rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-content p{font-size:.75rem;color:var(--color-text-secondary);margin:0;font-weight:500;line-height:1.3}.dashboard-section{background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;padding:1.25rem;box-shadow:0 2px 4px #0000000d}.section-title{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1.25rem}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.quick-action-btn{display:flex;align-items:center;gap:.6rem;padding:.75rem;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.quick-action-btn:hover{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.quick-action-btn svg{width:20px;height:20px;flex-shrink:0}.recent-vehicles{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.vehicle-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;transition:all .2s ease}.vehicle-card:hover{background:var(--color-white);border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.vehicle-image{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0}.vehicle-image img{width:100%;height:100%;object-fit:cover}.vehicle-info{flex:1}.vehicle-info h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .25rem}.vehicle-info p{font-size:.875rem;color:var(--color-text-secondary);margin:0}.vehicle-price{font-size:1rem;font-weight:600;color:var(--color-primary);margin:0 0 .5rem}.inquiries-list{display:flex;flex-direction:column;gap:1rem}.inquiry-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;transition:all .2s ease}.inquiry-card:hover{background:var(--color-white);border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.inquiry-info h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .25rem}.inquiry-info p{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 .25rem}.inquiry-date{font-size:.75rem;color:var(--color-text-secondary)}.inquiry-status{display:flex;align-items:center;gap:.75rem}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-pending{background:var(--color-warning-light);color:var(--color-warning)}.status-responded{background:var(--color-info-light);color:var(--color-info)}.status-completed{background:var(--color-success-light);color:var(--color-success)}.listings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.listing-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.listing-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.listing-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.listing-header h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0;flex:1}.listing-price{font-size:1rem;font-weight:700;color:var(--color-primary);margin-left:.75rem}.listing-stats{display:flex;gap:1.25rem;margin-bottom:1.25rem}.listing-stats .stat{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.listing-stats .stat svg{width:16px;height:16px}.listing-actions{display:flex;gap:.75rem}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.insight-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.insight-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.insight-card svg{width:32px;height:32px;color:var(--color-primary);margin-bottom:1rem}.insight-card h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.insight-value{font-size:1.6rem;font-weight:700;color:var(--color-primary);margin:0 0 .4rem}.insight-description{font-size:.875rem;color:var(--color-text-secondary);margin:0}.recommendations{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.recommendation-card{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;text-align:center;transition:all .2s ease}.recommendation-card:hover{background:var(--color-white);border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.recommendation-card h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .6rem}.recommendation-card p{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 1rem;line-height:1.5}.btn{padding:.4rem .875rem;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-background-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.btn-sm{padding:.375rem .75rem;font-size:.75rem}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:.75rem;padding:1.25rem}.dashboard-title{font-size:1.3rem}.dashboard-content{padding:0 .75rem .75rem}.dashboard-header-right{align-self:flex-end}.dashboard-stats{grid-template-columns:1fr;gap:1rem}.quick-actions,.listings-grid,.insights-grid,.recommendations{grid-template-columns:1fr}.inquiry-card{flex-direction:column;align-items:flex-start;gap:1rem}.inquiry-status{width:100%;justify-content:space-between}.listing-stats{flex-direction:column;gap:.75rem}.listing-actions{flex-direction:column;gap:.5rem}.listing-actions .btn{width:100%;justify-content:center}}.settings{min-height:100vh;background:var(--color-background);padding:1.5rem}.settings__container{max-width:800px;margin:0 auto}.settings__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.settings__back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:none;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.settings__back-btn:hover{background:var(--color-background-secondary);border-color:var(--color-primary);color:var(--color-primary)}.settings__title{font-size:1.6rem;font-weight:700;color:var(--color-text-primary);margin:0}.settings__message{padding:.75rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.settings__message--success{background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.settings__message--error{background:var(--color-error-light);color:var(--color-error);border:1px solid var(--color-error)}.settings__content{display:flex;flex-direction:column;gap:1.5rem}.settings__section{background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.settings__section-title{display:flex;align-items:center;gap:.6rem;font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1.25rem}.settings__section-description{color:var(--color-text-secondary);font-size:.8rem;line-height:1.4;margin:0 0 1.25rem}.settings__form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.settings__form-row{display:flex;gap:2rem;align-items:flex-start;justify-content:center;margin-top:1rem}.settings__form-group{display:flex;flex-direction:column;gap:.5rem}.settings__form-group--full{grid-column:1 / -1}.settings__label{font-weight:500;color:var(--color-text-primary);font-size:.875rem}.settings__input{padding:.75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.875rem;transition:border-color .2s ease;background:var(--color-white)}.settings__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.settings__input:disabled{background:var(--color-background-secondary);color:var(--color-text-secondary);cursor:not-allowed}.settings__file-input{padding:.75rem;border:2px dashed var(--color-border);border-radius:8px;background:var(--color-background-secondary);cursor:pointer;transition:all .2s ease}.settings__file-input:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.settings__file-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.settings__help-text{font-size:.75rem;color:var(--color-text-secondary);line-height:1.4}.settings__profile-picture-container{position:relative;display:flex;align-items:center;justify-content:center;margin:.5rem 0}.settings__profile-picture-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.settings__profile-picture-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--color-white);box-shadow:0 4px 8px #0000001a;display:flex;align-items:center;justify-content:center;background:var(--color-white);cursor:pointer;position:relative;transition:all .2s ease}.settings__profile-picture-preview:hover{transform:scale(1.05);box-shadow:0 6px 12px #00000026}.settings__profile-picture-img{width:100%;height:100%;object-fit:cover}.settings__profile-picture-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-background-secondary);color:var(--color-text-secondary);font-size:2.5rem;font-weight:600}.settings__profile-picture-initial{font-size:3rem;font-weight:700;color:var(--color-primary)}.settings__profile-picture-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-white);opacity:0;transition:opacity .2s ease;border-radius:50%}.settings__profile-picture-preview:hover .settings__profile-picture-overlay{opacity:1}.settings__profile-picture-overlay svg{width:24px;height:24px;margin-bottom:.25rem}.settings__profile-picture-overlay span{font-size:.75rem;font-weight:500;text-align:center;line-height:1.2}.settings__profile-picture-remove-btn{position:absolute;top:-8px;right:-8px;width:32px;height:32px;border-radius:50%;background:var(--color-error);color:var(--color-white);border:2px solid var(--color-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003}.settings__profile-picture-remove-btn:hover{background:var(--color-error-dark);transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.settings__profile-picture-remove-btn svg{width:16px;height:16px}.settings__info-display{padding:.75rem;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px}.settings__info-text{font-size:.875rem;color:var(--color-text-primary);font-weight:500}.settings__preferences{display:flex;flex-direction:column;gap:1.5rem}.settings__preference-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-background-secondary)}.settings__preference-content{flex:1}.settings__preference-label{font-weight:500;color:var(--color-text-primary);font-size:.875rem;margin-bottom:.25rem;display:block}.settings__preference-description{color:var(--color-text-secondary);font-size:.75rem;line-height:1.4;margin:0}.settings__toggle{position:relative;display:inline-block;width:48px;height:24px;cursor:pointer}.settings__toggle input{opacity:0;width:0;height:0}.settings__toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-border);transition:.3s;border-radius:24px}.settings__toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--color-white);transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.settings__toggle input:checked+.settings__toggle-slider{background-color:var(--color-primary)}.settings__toggle input:checked+.settings__toggle-slider:before{transform:translate(24px)}.settings__actions{display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--color-border)}.settings__save-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.settings__save-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.settings__save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.settings__spinner{width:16px;height:16px;border-width:2px}.settings__loading,.settings__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.settings__loading p,.settings__error p{margin:1rem 0;color:var(--color-text-secondary)}.settings__error button{padding:.75rem 1.5rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s ease}.settings__error button:hover{background:var(--color-primary-dark)}.loading-spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.settings__subsection{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border)}.settings__subsection-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1.5rem}.settings__array-input{display:flex;gap:.5rem;margin-bottom:.75rem}.settings__add-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background .2s ease;flex-shrink:0}.settings__add-btn:hover{background:var(--color-primary-dark)}.settings__add-btn svg{width:16px;height:16px}.settings__array-tags{display:flex;flex-wrap:wrap;gap:.5rem}.settings__tag{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:20px;font-size:.875rem;color:var(--color-text-primary)}.settings__tag-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:50%;transition:all .2s ease}.settings__tag-remove:hover{background:var(--color-error-light);color:var(--color-error)}.settings__tag-remove svg{width:12px;height:12px}.settings__working-hours{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.settings__working-day{padding:1rem;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px}.settings__day-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.settings__day-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;min-width:120px}.settings__day-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.settings__day-name{font-weight:500;color:var(--color-text-primary)}.settings__day-hours{display:flex;align-items:center;gap:.5rem}.settings__time-input{padding:.5rem;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;background:var(--color-white);color:var(--color-text-primary)}.settings__time-separator{color:var(--color-text-secondary);font-size:.875rem}.settings__service-options{display:flex;flex-direction:column;gap:1rem}.settings__option-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px}.settings__option-content{flex:1}.settings__option-label{display:block;font-weight:500;color:var(--color-text-primary);margin-bottom:.25rem}.settings__option-description{font-size:.875rem;color:var(--color-text-secondary);margin:0}.settings__textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:8px;font-family:inherit;font-size:.875rem;color:var(--color-text-primary);background:var(--color-white);resize:vertical;min-height:80px;transition:border-color .2s ease}.settings__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}@media (max-width: 768px){.settings{padding:1rem 0}.settings__container{padding:0 .5rem}.settings__header{flex-direction:column;align-items:flex-start;gap:1rem}.settings__title{font-size:1.5rem}.settings__section{padding:1.5rem}.settings__form-grid{grid-template-columns:1fr;gap:1rem}.settings__preference-item{flex-direction:column;align-items:flex-start;gap:1rem}.settings__actions{justify-content:center}.settings__save-btn{width:100%;justify-content:center}.settings__profile-picture-preview{width:100px;height:100px}.settings__profile-picture-initial{font-size:2.5rem}.settings__profile-picture-overlay svg{width:20px;height:20px}.settings__profile-picture-overlay span{font-size:.7rem}.settings__profile-picture-remove-btn{width:28px;height:28px;top:-6px;right:-6px}.settings__profile-picture-remove-btn svg{width:14px;height:14px}.settings__working-hours{grid-template-columns:1fr}.settings__array-input{flex-direction:column}.settings__add-btn{width:100%;height:40px}.settings__option-item{flex-direction:column;align-items:flex-start;gap:1rem}.settings__day-row{flex-direction:column;align-items:flex-start;gap:.75rem}.settings__day-toggle{min-width:auto}.settings__day-hours{flex-direction:column;gap:.5rem;width:100%}}.settings__document-preview-container{position:relative;width:200px;height:150px;margin:0 auto}.settings__document-preview-input{position:absolute;opacity:0;width:0;height:0;overflow:hidden}.settings__document-preview{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:2px dashed var(--color-border);border-radius:12px;background:var(--color-background-secondary);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.settings__document-preview:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.settings__document-preview-img{width:100%;height:100%;object-fit:cover;border-radius:10px}.settings__document-preview-pdf{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--color-text-secondary);font-size:.875rem;text-align:center;padding:1rem}.settings__document-preview-pdf svg{width:32px;height:32px;color:var(--color-primary)}.settings__document-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--color-text-secondary);font-size:.875rem;text-align:center;padding:1rem}.settings__document-preview-placeholder svg{width:32px;height:32px;color:var(--color-primary)}.settings__document-preview-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#000000b3;color:var(--color-white);font-size:.75rem;opacity:0;transition:opacity .2s ease;border-radius:10px}.settings__document-preview:hover .settings__document-preview-overlay{opacity:1}.settings__document-preview-overlay svg{width:20px;height:20px}.settings__document-preview-overlay span{font-weight:500;text-align:center}.settings__document-preview-remove-btn{position:absolute;top:-8px;right:-8px;width:32px;height:32px;border:none;border-radius:50%;background:var(--color-error);color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.settings__document-preview-remove-btn:hover{background:var(--color-error-dark);transform:scale(1.1)}.settings__document-preview-remove-btn svg{width:16px;height:16px}@media (max-width: 768px){.settings__document-preview-container{width:180px;height:135px}.settings__document-preview-placeholder{font-size:.75rem;padding:.75rem}.settings__document-preview-placeholder svg{width:28px;height:28px}.settings__document-preview-overlay{font-size:.7rem}.settings__document-preview-overlay svg{width:18px;height:18px}.settings__document-preview-remove-btn{width:28px;height:28px;top:-6px;right:-6px}.settings__document-preview-remove-btn svg{width:14px;height:14px}}.settings__document-preview-container--id-card{width:200px;height:150px;margin:0 auto}.settings__document-preview-container--id-card .settings__document-preview{border:2px dashed var(--color-border);border-radius:8px;background:var(--color-background-secondary)}.settings__document-preview-container--id-card .settings__document-preview:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.settings__document-preview-container--id-card .settings__document-preview-placeholder{font-size:.8rem;padding:.5rem}.settings__document-preview-container--id-card .settings__document-preview-placeholder svg{width:24px;height:24px}.settings__document-preview-container--id-card .settings__document-preview-overlay{font-size:.7rem}.settings__document-preview-container--id-card .settings__document-preview-overlay svg{width:16px;height:16px}@media (max-width: 768px){.settings__form-row{flex-direction:column;gap:1.5rem;align-items:center}.settings__document-preview-container--id-card{width:180px;height:135px}.settings__document-preview-container--id-card .settings__document-preview-placeholder{font-size:.7rem;padding:.4rem}.settings__document-preview-container--id-card .settings__document-preview-placeholder svg{width:20px;height:20px}.settings__document-preview-container--id-card .settings__document-preview-overlay{font-size:.65rem}.settings__document-preview-container--id-card .settings__document-preview-overlay svg{width:14px;height:14px}}.settings__gallery-row{display:flex;gap:2px;justify-content:space-between;flex-wrap:wrap}.settings__gallery-item{flex:1;min-width:150px;max-width:200px;text-align:center}.settings__gallery-item .settings__label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text-primary)}@media (max-width: 768px){.settings__gallery-row{flex-direction:column;align-items:center;gap:1.5rem}.settings__gallery-item{max-width:180px}}.settings__working-hours-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.settings__working-day-item{padding:1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-background-secondary)}.settings__working-day-item .settings__day-toggle{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:500}.settings__working-day-item .settings__day-hours{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.settings__working-day-item .settings__time-input{flex:1;min-width:80px}.settings__working-day-item .settings__time-separator{color:var(--color-text-secondary);font-size:.875rem}@media (max-width: 768px){.settings__working-hours-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (max-width: 480px){.settings__working-hours-grid{grid-template-columns:1fr;gap:.5rem}}.spare-parts{min-height:100vh;background-color:var(--color-bg-secondary);padding-top:70px}.spare-parts-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);padding:4rem 2rem;text-align:center;color:var(--color-text-light);position:relative;overflow:hidden}.spare-parts-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.spare-parts-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.spare-parts-title{font-size:3rem;font-weight:700;margin:0 0 1rem;letter-spacing:-.5px}.spare-parts-subtitle{font-size:1.2rem;margin:0 0 2rem;opacity:.9;line-height:1.6}.spare-parts-search{max-width:600px;margin:0 auto}.spare-parts-container{display:flex;max-width:1400px;margin:0 auto;padding:2rem;gap:2rem}.spare-parts-filters{width:280px;flex-shrink:0;background:var(--color-bg-primary);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px var(--color-shadow);height:fit-content;position:sticky;top:90px}.category-filter{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;text-align:left;color:var(--color-text-primary);font-size:.9rem}.category-filter svg{width:1.25rem;height:1.25rem;flex-shrink:0}.category-count{margin-left:auto;font-size:.8rem;opacity:.7}.condition-filters{display:flex;flex-direction:column;gap:.5rem}.condition-filter{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 0}.condition-filter input[type=radio]{margin:0}.condition-label{font-size:.9rem;color:var(--color-text-primary);cursor:pointer}.spare-parts-main{flex:1;min-width:0}.parts-container{display:grid;gap:1.5rem}.parts-container.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.parts-container.list{grid-template-columns:1fr}.part-card{background:var(--color-bg-primary);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px var(--color-shadow);transition:all .2s ease-in-out;border:1px solid var(--color-border-primary)}.part-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--color-shadow-hover)}.part-image{position:relative;height:200px;overflow:hidden;background:var(--color-bg-accent)}.part-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease-in-out}.part-card:hover .part-image img{transform:scale(1.05)}.part-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease-in-out}.part-card:hover .part-overlay{opacity:1}.quick-view-btn{padding:.75rem 1.5rem;background:var(--color-primary);color:var(--color-text-light);border:none;border-radius:6px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .2s ease-in-out}.quick-view-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.part-badges{position:absolute;top:1rem;left:1rem;display:flex;flex-direction:column;gap:.5rem}.condition-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.condition-badge.new{background:#10b981;color:#fff}.condition-badge.used{background:#f59e0b;color:#fff}.condition-badge.refurbished{background:#8b5cf6;color:#fff}.stock-badge{padding:.25rem .75rem;background:#ef4444;color:#fff;border-radius:20px;font-size:.75rem;font-weight:600}.part-content{padding:1.5rem}.part-header{margin-bottom:1rem}.part-name{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .25rem;line-height:1.4}.part-brand{font-size:.9rem;color:var(--color-primary);font-weight:500}.part-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.part-price{display:flex;align-items:center;gap:.5rem}.price-amount{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.warranty-badge{padding:.25rem .5rem;background:var(--color-bg-accent);color:var(--color-text-muted);border-radius:4px;font-size:.75rem;font-weight:500}.part-seller{display:flex;align-items:center;justify-content:space-between}.seller-name{font-size:.9rem;color:var(--color-text-primary);font-weight:500}.seller-rating{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--color-text-muted)}.seller-rating svg{width:1rem;height:1rem;color:#fbbf24}.part-compatibility,.part-stock{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-text-muted)}.part-compatibility svg,.part-stock svg{width:1rem;height:1rem;flex-shrink:0}.part-actions{display:flex;gap:.75rem}.add-to-cart-btn{flex:1;padding:.75rem 1rem;background:var(--color-primary);color:var(--color-text-light);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:.5rem}.add-to-cart-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.save-btn{padding:.75rem;background:var(--color-bg-accent);color:var(--color-text-muted);border:1px solid var(--color-border-primary);border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.save-btn:hover{background:var(--color-border-primary);color:var(--color-text-primary)}.save-btn svg{width:1.25rem;height:1.25rem}.parts-container.list .part-card{display:flex;height:200px}.parts-container.list .part-image{width:200px;height:100%;flex-shrink:0}.parts-container.list .part-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}.parts-container.list .part-details{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}@media (max-width: 1024px){.spare-parts-container{flex-direction:column;padding:1rem}.spare-parts-filters{width:100%;position:static;order:2}.spare-parts-main{order:1}.results-header{flex-direction:column;gap:1rem;align-items:stretch}.results-controls{justify-content:space-between}}@media (max-width: 768px){.spare-parts-hero{padding:3rem 1rem}.spare-parts-title{font-size:2rem}.spare-parts-subtitle{font-size:1rem}.search-input-group{flex-direction:column;border-radius:12px}.search-input{padding:1rem}.search-button{border-radius:0 0 12px 12px}.parts-container.grid{grid-template-columns:1fr}.parts-container.list .part-card{flex-direction:column;height:auto}.parts-container.list .part-image{width:100%;height:200px}}@media (max-width: 480px){.spare-parts-hero{padding:2rem 1rem}.spare-parts-title{font-size:1.75rem}.spare-parts-container{padding:.5rem}.results-controls{flex-direction:column;gap:.75rem}.part-actions{flex-direction:column}.save-btn{order:-1}}.services{min-height:100vh;background-color:var(--color-bg-secondary);padding-top:70px}.services-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);padding:4rem 2rem;text-align:center;color:var(--color-text-light);position:relative;overflow:hidden}.services-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.services-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.services-title{font-size:3rem;font-weight:700;margin:0 0 1rem;letter-spacing:-.5px}.services-subtitle{font-size:1.2rem;margin:0 0 2rem;opacity:.9;line-height:1.6}.services-search{max-width:600px;margin:0 auto}.search-input-group{display:flex;background:var(--color-bg-primary);border-radius:50px;box-shadow:0 4px 20px #00000026;overflow:hidden;position:relative}.search-icon{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);z-index:2}.search-input{flex:1;padding:1rem 1rem 1rem 3rem;border:none;outline:none;font-size:1rem;background:transparent;color:var(--color-text-primary)}.search-input::placeholder{color:var(--color-text-muted)}.search-button{padding:1rem 2rem;background:var(--color-primary);color:var(--color-text-light);border:none;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap}.search-button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.services-container{display:flex;max-width:1400px;margin:0 auto;padding:2rem;gap:2rem}.services-filters{width:320px;flex-shrink:0;background:var(--color-bg-primary);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px var(--color-shadow);height:fit-content;position:sticky;top:90px}.filters-section{margin-bottom:2rem}.filters-section:last-child{margin-bottom:0}.filters-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem}.category-filters{display:flex;flex-direction:column;gap:.5rem}.category-filter{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;text-align:left;color:var(--color-text-primary);font-size:.9rem;width:100%}.category-filter:hover{background:var(--color-bg-accent)}.category-filter.active{background:var(--color-primary);color:var(--color-text-light)}.category-filter svg{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:.125rem}.category-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.category-name{font-weight:600;font-size:.9rem}.category-description{font-size:.8rem;opacity:.7;line-height:1.3}.category-count{font-size:.8rem;opacity:.7;font-weight:500}.filter-select{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border-primary);border-radius:8px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9rem;cursor:pointer;outline:none;transition:border-color .2s ease-in-out}.filter-select:focus{border-color:var(--color-primary)}.price-range{margin-top:.5rem}.price-inputs{display:flex;align-items:center;gap:.5rem}.price-input{flex:1;padding:.5rem;border:1px solid var(--color-border-primary);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9rem;outline:none}.price-input:focus{border-color:var(--color-primary)}.clear-filters-btn{width:100%;padding:.75rem 1rem;background:var(--color-bg-accent);color:var(--color-text-primary);border:1px solid var(--color-border-primary);border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s ease-in-out;margin-top:1rem}.clear-filters-btn:hover{background:var(--color-border-primary)}.services-main{flex:1;min-width:0}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:var(--color-bg-primary);border-radius:12px;box-shadow:0 2px 8px var(--color-shadow)}.results-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0}.results-subtitle{font-size:.9rem;color:var(--color-text-muted);margin:.25rem 0 0}.results-controls{display:flex;align-items:center;gap:1rem}.view-controls{display:flex;gap:.5rem}.view-btn{padding:.5rem;background:var(--color-bg-accent);border:1px solid var(--color-border-primary);border-radius:6px;cursor:pointer;transition:all .2s ease-in-out;color:var(--color-text-muted)}.view-btn:hover{background:var(--color-border-primary);color:var(--color-text-primary)}.view-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-light)}.view-btn svg{width:1.25rem;height:1.25rem}.sort-select{padding:.5rem 1rem;border:1px solid var(--color-border-primary);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9rem;cursor:pointer;outline:none}.sort-select:focus{border-color:var(--color-primary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border-primary);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{width:64px;height:64px;color:var(--color-text-muted);margin-bottom:1rem}.empty-state h3{font-size:1.5rem;color:var(--color-text-primary);margin:0 0 .5rem}.empty-state p{color:var(--color-text-muted);margin:0}.services-container-grid{display:grid;gap:1.5rem}.services-container-grid.grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.services-container-grid.list{grid-template-columns:1fr}.service-card{background:var(--color-bg-primary);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px var(--color-shadow);transition:all .2s ease-in-out;border:1px solid var(--color-border-primary)}.service-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--color-shadow-hover)}.service-image{position:relative;height:200px;overflow:hidden;background:var(--color-bg-accent)}.service-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease-in-out}.service-card:hover .service-image img{transform:scale(1.05)}.service-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease-in-out}.service-card:hover .service-overlay{opacity:1}.book-service-btn{padding:.75rem 1.5rem;background:var(--color-primary);color:var(--color-text-light);border:none;border-radius:6px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .2s ease-in-out}.book-service-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.service-badges{position:absolute;top:1rem;left:1rem;display:flex;flex-direction:column;gap:.5rem}.popular-badge{padding:.25rem .75rem;background:#fbbf24;color:#fff;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.verified-badge{padding:.25rem .75rem;background:#10b981;color:#fff;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.service-content{padding:1.5rem}.service-header{margin-bottom:1rem}.service-name{font-size:1.2rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem;line-height:1.4}.service-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem}.service-duration{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:var(--color-text-muted)}.service-duration svg{width:1rem;height:1rem}.service-price{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.service-description{font-size:.9rem;color:var(--color-text-muted);line-height:1.5;margin-bottom:1.5rem}.service-provider{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding:1rem;background:var(--color-bg-accent);border-radius:8px}.provider-info{flex:1}.provider-name{font-size:1rem;font-weight:600;color:var(--color-text-primary);display:block;margin-bottom:.25rem}.provider-details{display:flex;flex-direction:column;gap:.25rem}.provider-location,.provider-experience{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--color-text-muted)}.provider-location svg,.provider-experience svg{width:.875rem;height:.875rem}.provider-rating{display:flex;align-items:center;gap:.25rem;font-size:.9rem;color:var(--color-text-primary);font-weight:600}.provider-rating svg{width:1rem;height:1rem;color:#fbbf24}.service-features{margin-bottom:1.5rem}.service-features h4{font-size:.9rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .75rem}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.features-list li{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-text-muted)}.features-list li svg{width:.875rem;height:.875rem;color:#10b981;flex-shrink:0}.service-availability{margin-bottom:1.5rem}.service-availability h4{font-size:.9rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .75rem}.availability-times{display:flex;flex-direction:column;gap:.25rem}.availability-time{font-size:.85rem;color:var(--color-text-muted);padding:.25rem .5rem;background:var(--color-bg-accent);border-radius:4px;display:inline-block}.service-warranty{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-text-muted);margin-bottom:1.5rem;padding:.75rem;background:var(--color-bg-accent);border-radius:6px}.service-warranty svg{width:1rem;height:1rem;color:#10b981}.service-actions{display:flex;gap:.75rem}.book-now-btn{flex:1;padding:.75rem 1rem;background:var(--color-primary);color:var(--color-text-light);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:.5rem}.book-now-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.contact-btn{padding:.75rem 1rem;background:var(--color-bg-accent);color:var(--color-text-primary);border:1px solid var(--color-border-primary);border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500}.contact-btn:hover{background:var(--color-border-primary);transform:translateY(-1px)}.services-container-grid.list .service-card{display:flex;height:auto}.services-container-grid.list .service-image{width:300px;height:250px;flex-shrink:0}.services-container-grid.list .service-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}.services-container-grid.list .service-features,.services-container-grid.list .service-availability{margin-bottom:1rem}@media (max-width: 1024px){.services-container{flex-direction:column;padding:1rem}.services-filters{width:100%;position:static;order:2}.services-main{order:1}.results-header{flex-direction:column;gap:1rem;align-items:stretch}.results-controls{justify-content:space-between}.services-container-grid.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.services-hero{padding:3rem 1rem}.services-title{font-size:2rem}.services-subtitle{font-size:1rem}.search-input-group{flex-direction:column;border-radius:12px}.search-input{padding:1rem}.search-button{border-radius:0 0 12px 12px}.services-container-grid.grid{grid-template-columns:1fr}.services-container-grid.list .service-card{flex-direction:column}.services-container-grid.list .service-image{width:100%;height:200px}.service-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.service-provider{flex-direction:column;align-items:flex-start;gap:1rem}.service-actions{flex-direction:column}}@media (max-width: 480px){.services-hero{padding:2rem 1rem}.services-title{font-size:1.75rem}.services-container{padding:.5rem}.results-controls{flex-direction:column;gap:.75rem}.category-filter{padding:.75rem}.category-name{font-size:.85rem}.category-description{font-size:.75rem}}.support{min-height:100vh;background-color:var(--color-background-primary)}.support-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;padding:4rem 0;text-align:center}.support-hero-content{max-width:1200px;margin:0 auto;padding:0 20px}.support-title{font-size:3rem;font-weight:700;margin:0 0 1rem}.support-subtitle{font-size:1.25rem;margin:0;opacity:.9}.support-container{max-width:1200px;margin:0 auto;padding:3rem 20px}.support-section{margin-bottom:4rem}.section-title{font-size:2rem;font-weight:600;color:var(--color-text-primary);margin:0 0 2rem}.quick-help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.help-card{background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease}.help-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a;border-color:var(--color-primary)}.help-card svg,.help-card .material-icons{width:48px;height:48px;color:var(--color-primary);margin-bottom:1rem}.help-card h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.help-card p{font-size:.9rem;color:var(--color-text-muted);margin:0}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;overflow:hidden;transition:all .3s ease}.faq-item.active{border-color:var(--color-primary)}.faq-question{width:100%;padding:1.5rem;background:none;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:600;color:var(--color-text-primary);transition:background-color .2s ease}.faq-question:hover{background-color:var(--color-background-primary)}.faq-question svg,.faq-question .material-icons{width:24px;height:24px;color:var(--color-primary);transition:transform .3s ease}.faq-item.active .faq-question svg,.faq-item.active .faq-question .material-icons{transform:rotate(180deg)}.faq-answer{padding:0 1.5rem 1.5rem;color:var(--color-text-muted);line-height:1.6;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-answer p{margin:0}.contact-section{display:grid;grid-template-columns:1fr 2fr;gap:3rem}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item{display:flex;gap:1rem;align-items:flex-start}.contact-item svg,.contact-item .material-icons{width:32px;height:32px;color:var(--color-primary);flex-shrink:0;margin-top:.25rem}.contact-item h3{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.contact-item p{font-size:.95rem;color:var(--color-text-muted);margin:.25rem 0}.contact-form{background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--color-border-primary);border-radius:4px;font-size:1rem;font-family:inherit;background:var(--color-background-primary);color:var(--color-text-primary);transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{width:100%;padding:1rem;background:var(--color-primary);color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .2s ease}.submit-btn:hover{background:var(--color-primary-dark)}.submit-btn svg,.submit-btn .material-icons{width:20px;height:20px}@media (max-width: 768px){.support-title{font-size:2rem}.support-subtitle{font-size:1rem}.support-container{padding:2rem 15px}.section-title{font-size:1.5rem}.quick-help-grid{grid-template-columns:1fr}.contact-section{grid-template-columns:1fr;gap:2rem}.contact-form{padding:1.5rem}}@media (max-width: 480px){.support-hero{padding:2rem 0}.support-title{font-size:1.75rem}.support-subtitle{font-size:.9rem}.help-card{padding:1.5rem}.faq-question{padding:1rem;font-size:1rem}.faq-answer{padding:0 1rem 1rem}}.privacy-policy{min-height:100vh;background-color:var(--color-background-primary)}.privacy-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;padding:4rem 0;text-align:center}.privacy-hero-content{max-width:1200px;margin:0 auto;padding:0 20px}.privacy-title{font-size:3rem;font-weight:700;margin:0 0 1rem}.privacy-subtitle{font-size:1.25rem;margin:0;opacity:.9}.privacy-container{max-width:900px;margin:0 auto;padding:3rem 20px}.privacy-section{margin-bottom:3rem}.privacy-intro{font-size:1.1rem;line-height:1.8;color:var(--color-text-primary);margin-bottom:2rem;padding:1.5rem;background:var(--color-background-secondary);border-left:4px solid var(--color-primary);border-radius:4px}.section-title{font-size:1.75rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1.5rem;display:flex;align-items:center;gap:.75rem}.section-title svg,.section-title .material-icons{width:28px;height:28px;color:var(--color-primary)}.section-content{color:var(--color-text-muted);line-height:1.8}.section-content h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:1.5rem 0 1rem}.section-content h3:first-child{margin-top:0}.section-content p{margin:1rem 0;color:var(--color-text-muted)}.section-content ul{margin:1rem 0;padding-left:2rem}.section-content li{margin:.75rem 0;color:var(--color-text-muted)}.section-content strong{color:var(--color-text-primary);font-weight:600}.section-content a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}.section-content a:hover{color:var(--color-primary-dark);text-decoration:underline}.contact-details{background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;padding:1.5rem;margin-top:1rem}.contact-details p{margin:.75rem 0}.contact-details strong{color:var(--color-text-primary);margin-right:.5rem}@media (max-width: 768px){.privacy-title{font-size:2rem}.privacy-subtitle{font-size:1rem}.privacy-container{padding:2rem 15px}.section-title{font-size:1.5rem;flex-direction:column;align-items:flex-start;gap:.5rem}.section-content h3{font-size:1.1rem}.privacy-intro{font-size:1rem;padding:1rem}}@media (max-width: 480px){.privacy-hero{padding:2rem 0}.privacy-title{font-size:1.75rem}.privacy-subtitle{font-size:.9rem}.section-title{font-size:1.25rem}.section-content ul{padding-left:1.5rem}}.listing-form-page{position:relative;width:100%;background:#fff;padding:70px 0 1rem}.listing-form-container{background:#fff;width:100%;max-width:800px;position:relative;display:flex;flex-direction:column;margin:0 auto;border:1px solid var(--color-border-primary);padding:0 1.5rem}.listing-form-header{padding:.75rem 1.5rem;border-bottom:1px solid var(--color-border-primary);position:relative}.listing-form-close{position:absolute;top:1rem;right:1.5rem;background:none;border:none;font-size:1.5rem;color:var(--color-text-muted);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.listing-form-close:hover{background-color:var(--color-border-primary);color:var(--color-text-primary)}.listing-form-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem;text-align:center}.progress-bar{width:100%;height:4px;background-color:var(--color-border-primary);border-radius:2px;margin-bottom:.5rem;overflow:hidden}.progress-fill{height:100%;background-color:var(--color-primary);border-radius:2px;transition:width .3s ease-in-out}.step-indicator{text-align:center;font-size:.9rem;color:var(--color-text-muted);margin:0 0 1rem;font-weight:500}.step-navigation{display:flex;justify-content:center;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.step-nav-btn{display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:.75rem 1rem;border:2px solid var(--color-border-primary);border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease-in-out;min-width:120px;text-decoration:none}.step-nav-btn:hover{border-color:var(--color-primary);background-color:#0673ff0d;transform:translateY(-1px)}.step-nav-btn.active{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff}.step-nav-btn.active .step-number{background-color:#fff;color:var(--color-primary)}.step-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--color-border-primary);color:var(--color-text-muted);font-size:.8rem;font-weight:600;transition:all .2s ease-in-out}.step-name{font-size:.75rem;font-weight:500;text-align:center;line-height:1.2}.listing-form-content{padding:1rem 1.5rem;flex:1}.form-step{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-title{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .75rem}.vehicle-type-selector{display:flex;align-items:center;justify-content:center;margin-top:.5rem}.vehicle-type-container{position:relative;width:200px;height:40px;border:2px solid var(--color-border-primary);border-radius:20px;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 2px;transition:all .2s ease-in-out;cursor:pointer}.vehicle-type-container:hover{border-color:var(--color-primary);background-color:#0673ff0d;box-shadow:0 2px 8px #0673ff26}.vehicle-type-container.error{border-color:#e74c3c;background-color:#e74c3c0d}.vehicle-type-option{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:18px;transition:all .2s ease-in-out;flex:1}.vehicle-type-option:hover{background-color:var(--color-primary-light)}.vehicle-type-option.selected{background-color:var(--color-primary);box-shadow:0 2px 8px #0673ff4d}.vehicle-type-option input[type=radio]{position:absolute;opacity:0;cursor:pointer}.vehicle-type-icon{width:40px;height:40px;object-fit:contain;transition:all .2s ease-in-out;filter:brightness(0) saturate(100%) invert(0)}.vehicle-type-option.selected .vehicle-type-icon{filter:brightness(0) saturate(100%) invert(1)}.vehicle-type-option:hover .vehicle-type-icon{transform:scale(1.1)}.vehicle-type-label{display:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.5rem;align-items:start;box-sizing:border-box}.form-group{margin-bottom:.75rem;box-sizing:border-box;min-width:0}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.form-input{width:240px;height:42px!important;padding:10px 12px!important;border:1px solid var(--color-border-primary)!important;border-radius:21px!important;font-size:14px!important;font-weight:400;transition:all .2s ease-in-out;background-color:var(--color-bg-primary);color:var(--color-text-primary);box-sizing:border-box;font-family:inherit;outline:none}.form-grid .form-input{width:100%}.form-group:not(.form-grid *) .form-input{width:240px}.form-input:hover:not(:disabled){border-color:var(--color-border-accent)!important}.form-input:focus{outline:none;border-color:var(--color-focus)!important;box-shadow:0 0 0 3px var(--color-primary-light)!important}.form-input.error{border-color:var(--color-error)}.form-input.error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-light)}.form-input:disabled{background-color:var(--color-disabled);color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.form-input::placeholder{color:var(--color-text-muted);opacity:.7}textarea.form-input{width:240px;resize:vertical;min-height:120px;height:auto!important;padding:10px 12px!important;border-radius:21px!important}.form-grid textarea.form-input{width:100%}select.form-input{width:240px;height:42px!important;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23020122' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px!important}.form-grid select.form-input{width:100%}.error-message{color:#e74c3c;font-size:.8rem;margin-top:.25rem;display:block}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin-top:.25rem}.checkbox-option{display:flex;align-items:flex-start;cursor:pointer;transition:all .2s ease-in-out}.checkbox-option input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkbox-custom{width:18px;height:18px;border:2px solid var(--color-border-primary);border-radius:4px;margin-right:.75rem;margin-top:.125rem;position:relative;transition:all .2s ease-in-out;flex-shrink:0}.checkbox-option input[type=checkbox]:checked+.checkbox-custom{border-color:var(--color-primary);background-color:var(--color-primary)}.checkbox-option input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem;font-weight:700}.checkbox-option span:last-child{font-size:.9rem;color:var(--color-text-primary);line-height:1.4}.image-upload-area{border:2px dashed var(--color-border-primary);border-radius:8px;padding:2rem;text-align:center;transition:all .2s ease-in-out;cursor:pointer;position:relative}.image-upload-area:hover{border-color:var(--color-primary);background-color:#0673ff0d}.image-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.image-upload-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer}.image-upload-label .material-icons{font-size:20px;width:20px;height:20px;color:var(--color-text-muted)}.image-upload-label span{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.image-upload-label small{font-size:.8rem;color:var(--color-text-muted)}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin-top:1rem}.image-preview-item{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1}.image-preview-item img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:.25rem;right:.25rem;background:#000000b3;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out}.remove-image-btn:hover{background:#000000e6}.remove-image-btn .material-icons{font-size:20px;width:20px;height:20px}.image-upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:.5rem}.image-upload-container{aspect-ratio:1;border-radius:8px;overflow:hidden}.image-upload-container .image-upload-area{height:100%;padding:1rem;display:flex;align-items:center;justify-content:center;margin:0}.image-upload-container .image-upload-label{gap:.25rem}.image-upload-container .image-upload-label .material-icons{font-size:20px;width:20px;height:20px}.image-upload-container .image-upload-label span{font-size:.8rem}.listing-form-footer{padding:.75rem 1.5rem;display:flex;justify-content:center;align-items:center}.listing-form-actions{display:flex;gap:1rem;width:100%;justify-content:center}.listing-form-status{margin-top:.5rem;padding:0 1rem;width:100%}.status-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;animation:slideInUp .3s ease-out;margin-bottom:.5rem}.status-loading{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:1px solid #5a6fd8;box-shadow:0 4px 12px #667eea4d}.status-loading .loading-icon{animation:spin 1s linear infinite;color:#fff}.status-error{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;border:1px solid #e74c3c;box-shadow:0 4px 12px #e74c3c4d}.status-error .icon{color:#fff}.status-success{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;border:1px solid #27ae60;box-shadow:0 4px 12px #2ecc714d}.status-success .icon{color:#fff}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:100px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;width:50%}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:#e6451a;transform:translateY(-1px);box-shadow:0 4px 12px #0673ff4d}.btn-secondary{background-color:var(--color-bg-accent);color:var(--color-text-primary);border:2px solid var(--color-border-primary)}.btn-secondary:hover{background-color:var(--color-border-primary);transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-icon{animation:spin 1s linear infinite}@media (max-width: 768px){.listing-form-page{padding-top:60px}.listing-form-container{width:100%;max-width:100%;margin:0;padding:0 1rem}.listing-form-header{padding:1.5rem 1.5rem 1rem}.step-navigation{gap:.25rem}.step-nav-btn{min-width:90px;padding:.5rem .75rem;gap:.3rem}.step-name{font-size:.7rem}.listing-form-content{padding:2rem}.listing-form-footer{padding:1rem 1.5rem;flex-direction:column;gap:1rem}.listing-form-actions{width:100%;justify-content:center}.btn{flex:1;justify-content:center}.form-grid{grid-template-columns:1fr}.vehicle-type-container{width:200px;height:40px}.vehicle-type-icon{width:40px;height:40px}.checkbox-group{grid-template-columns:1fr}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-width: 480px){.listing-form-page{padding-top:55px}.listing-form-container{width:100%;max-width:100%;margin:0;padding:0 .5rem}.listing-form-title{font-size:1.25rem}.step-navigation{gap:.2rem}.step-nav-btn{min-width:75px;padding:.4rem .5rem;gap:.25rem}.step-number{width:20px;height:20px;font-size:.7rem}.step-name{font-size:.65rem}.step-title{font-size:1rem}.form-input{width:100%!important;height:42px!important;padding:10px 12px!important;font-size:14px!important}select.form-input{width:100%!important;height:42px!important;padding-right:36px!important}textarea.form-input{width:100%!important}.vehicle-type-container{width:200px;height:40px}.vehicle-type-icon{width:40px;height:40px}.image-upload-area{padding:1.5rem}.image-upload-label .material-icons{font-size:20px;width:20px;height:20px}.image-upload-label span{font-size:.9rem}.image-upload-label small{font-size:.75rem}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem}.remove-image-btn{width:20px;height:20px}.remove-image-btn .material-icons{font-size:20px;width:20px;height:20px}}.dashboard-layout{display:flex;min-height:100vh;background:var(--color-background)}.dashboard-sidebar{width:280px;background:var(--color-white);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto;z-index:100}.dashboard-main{flex:1;margin-left:280px;min-height:100vh;display:flex;flex-direction:column}.sidebar-profile{padding:1.5rem;border-bottom:1px solid var(--color-border);background:var(--color-background-secondary);text-align:center}.profile-photo{width:60px;height:60px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.profile-initial{font-size:1.5rem;font-weight:600;color:#fff}.profile-photo svg{width:24px;height:24px;color:#fff}.profile-name{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .25rem}.profile-role{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 .25rem}.profile-email{font-size:.875rem;color:var(--color-text-secondary);margin:0}.sidebar-nav{flex:1;padding:1rem 0;display:flex;flex-direction:column;gap:.5rem}.sidebar-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:none;border:none;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.sidebar-btn:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.sidebar-btn.active{background:var(--color-primary-light);color:var(--color-primary);border-right:3px solid var(--color-primary)}.sidebar-btn-secondary{font-weight:500}.sidebar-nav-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:none;border:none;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.sidebar-nav-btn:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.sidebar-nav-btn.active{background:var(--color-primary-light);color:var(--color-primary);border-right:3px solid var(--color-primary)}.sidebar-nav-btn svg{width:18px;height:18px;flex-shrink:0}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border)}.sidebar-btn-logout{color:var(--color-error);font-weight:500}.sidebar-btn-logout:hover{background:var(--color-error-light);color:var(--color-error)}.dashboard-loading,.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem}.dashboard-loading .loading-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.dashboard-error{color:var(--color-error)}.dashboard-error h3{margin:1rem 0 .5rem;color:var(--color-text-primary)}.dashboard-error p{margin:0 0 1.5rem;color:var(--color-text-secondary)}.dashboard-error button{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s ease}.dashboard-error button:hover{background:var(--color-primary-dark)}@media (max-width: 768px){.dashboard-sidebar{width:100%;position:relative;height:auto;border-right:none;border-bottom:1px solid var(--color-border)}.dashboard-main{margin-left:0}.sidebar-profile{padding:1rem}.profile-photo{width:50px;height:50px;margin:0 auto .75rem}.profile-initial{font-size:1.25rem}.sidebar-nav{padding:.5rem 0}.sidebar-btn,.sidebar-nav-btn{padding:.5rem 1rem}.sidebar-footer{padding:.75rem 1rem}}.admin-portal{display:flex;min-height:100vh;background:var(--background-color)}.admin-portal.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.admin-sidebar{width:280px;background:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .3s ease;position:relative;box-shadow:2px 0 8px #0000001a}.admin-sidebar.collapsed{width:80px}.sidebar-profile{padding:2rem 1.5rem;border-bottom:1px solid var(--border-color);text-align:center}.profile-photo{width:60px;height:60px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff}.profile-photo svg{width:30px;height:30px}.profile-info{transition:opacity .3s ease}.admin-sidebar.collapsed .profile-info{opacity:0;pointer-events:none}.profile-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.profile-role{font-size:.9rem;color:var(--text-secondary);margin:0 0 .25rem}.profile-email{font-size:.8rem;color:var(--text-secondary);margin:0}.sidebar-nav{flex:1;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem}.sidebar-nav-btn{display:flex;align-items:center;gap:1rem;padding:1rem;border:none;background:transparent;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease;text-align:left;width:100%}.sidebar-nav-btn:hover{background:var(--hover-color);color:var(--text-primary)}.sidebar-nav-btn.active{background:var(--primary-color);color:#fff}.sidebar-nav-btn svg{width:20px;height:20px;flex-shrink:0}.sidebar-nav-btn span{transition:opacity .3s ease}.admin-sidebar.collapsed .sidebar-nav-btn span{opacity:0;pointer-events:none}.sidebar-footer{padding:1.5rem 1rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.5rem}.sidebar-btn{display:flex;align-items:center;gap:1rem;padding:.75rem;border:none;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease;text-align:left;width:100%}.sidebar-btn:hover{background:var(--hover-color);color:var(--text-primary)}.sidebar-btn svg{width:18px;height:18px;flex-shrink:0}.sidebar-btn span{transition:opacity .3s ease}.admin-sidebar.collapsed .sidebar-btn span{opacity:0;pointer-events:none}.sidebar-toggle{position:absolute;top:1rem;right:-12px;width:24px;height:24px;background:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;transition:all .2s ease}.sidebar-toggle:hover{background:var(--primary-color-dark, #E64515);transform:scale(1.1)}.sidebar-toggle svg{width:14px;height:14px}.admin-main{flex:1;padding:2rem;overflow-y:auto}.admin-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid var(--border-color)}.admin-header h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.admin-header p{font-size:1.1rem;color:var(--text-secondary)}.admin-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.admin-overview h2{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--background-color);border-radius:12px;border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.stat-icon svg{width:24px;height:24px}.stat-content h3{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.stat-content p{color:var(--text-secondary);margin:0;font-size:.9rem}.recent-activity h3{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--background-color);border-radius:8px;border:1px solid var(--border-color)}.activity-item svg{width:20px;height:20px;color:var(--primary-color);flex-shrink:0}.activity-item span:first-of-type{flex:1;color:var(--text-primary)}.activity-time{color:var(--text-secondary);font-size:.9rem;flex-shrink:0}.admin-users h2{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem}.users-table{overflow-x:auto}.users-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.users-table th,.users-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.users-table th{background:var(--background-color);font-weight:600;color:var(--text-primary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.users-table td{color:var(--text-primary)}.role-badge,.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:capitalize}.role-user{background:#e3f2fd;color:#1976d2}.role-premium{background:#fff3e0;color:#f57c00}.status-active{background:#e8f5e8;color:#2e7d32}.status-suspended{background:#ffebee;color:#c62828}.status-pending{background:#fff8e1;color:#f57f17}.status-select{padding:.5rem;border:1px solid var(--border-color);border-radius:6px;background:#fff;color:var(--text-primary);font-size:.9rem}.admin-listings h2{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem}.admin-listings p{color:var(--text-secondary);font-size:1.1rem}.admin-settings h2{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem}.settings-section{margin-bottom:2.5rem}.settings-section h3{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.setting-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;background:var(--background-color);border-radius:8px;border:1px solid var(--border-color)}.setting-item label{min-width:150px;font-weight:500;color:var(--text-primary)}.setting-item input[type=text],.setting-item input[type=email]{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:1rem;color:var(--text-primary);background:#fff}.setting-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color)}@media (max-width: 1024px){.admin-sidebar{width:240px}.admin-sidebar.collapsed{width:70px}}@media (max-width: 768px){.admin-portal{flex-direction:column}.admin-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-color)}.admin-sidebar.collapsed{width:100%}.sidebar-profile{padding:1.5rem}.sidebar-nav{flex-direction:row;overflow-x:auto;padding:1rem}.sidebar-nav-btn{min-width:120px;justify-content:center}.sidebar-footer{flex-direction:row;overflow-x:auto;padding:1rem}.sidebar-btn{min-width:140px;justify-content:center}.sidebar-toggle{display:none}.admin-main{padding:1rem}.admin-header h1{font-size:2rem}.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:column;text-align:center}.users-table{font-size:.9rem}.users-table th,.users-table td{padding:.75rem .5rem}.setting-item{flex-direction:column;align-items:flex-start;gap:.5rem}.setting-item label{min-width:auto}}@media (max-width: 480px){.admin-header h1{font-size:1.8rem}.admin-content,.stat-card{padding:1rem}.activity-item{flex-direction:column;align-items:flex-start;gap:.5rem}.activity-time{align-self:flex-end}.sidebar-nav-btn,.sidebar-btn{min-width:100px;font-size:.9rem}}.users-management{padding:1.5rem;background:var(--color-white);border-radius:8px}.users-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-primary)}.users-header h2{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .25rem}.users-header p{font-size:.875rem;color:var(--color-text-secondary);margin:0}.users-stats{display:flex;gap:1rem}.users-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center}.users-table-container{overflow-x:auto;margin-bottom:1.5rem}.users-table{width:100%;border-collapse:collapse;background:#fff}.users-table thead{background:var(--color-bg-secondary)}.users-table th{padding:.75rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-border-primary)}.users-table td{padding:1rem .75rem;font-size:.875rem;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-primary)}.users-table tbody tr:hover{background:var(--color-bg-secondary)}.user-name-cell{display:flex;align-items:center;gap:.75rem}.user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.user-name{font-weight:500;color:var(--color-text-primary)}.user-company{font-size:.75rem;color:var(--color-text-secondary);margin-top:.125rem}.role-badge,.status-badge,.entity-badge,.verification-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.role-badge{background:#e3f2fd;color:#1976d2}.role-broker{background:#fff3e0;color:#f57c00}.role-dealership{background:#f3e5f5;color:#7b1fa2}.role-service-provider{background:#e8f5e9;color:#388e3c}.entity-badge{background:#f5f5f5;color:#616161}.verification-badge{text-transform:capitalize}.verification-pending{background:#fff3e0;color:#f57c00}.verification-approved{background:#e8f5e9;color:#2e7d32}.verification-rejected{background:#ffebee;color:#c62828}.documents-modal{max-width:900px}.user-detail-section{margin-bottom:2rem}.user-detail-section h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem}.user-actions-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border-primary)}.user-actions-section h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem}.document-verification-status{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-primary)}.verification-message{margin-top:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.document-item{display:flex;flex-direction:column;gap:.5rem}.document-item label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase}.document-image{width:100%;border:2px solid var(--color-border-primary);border-radius:6px;object-fit:cover;max-height:300px}.document-info{margin-bottom:1rem}.document-info label{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:.25rem}.document-info p{font-size:.875rem;color:var(--color-text-primary);margin:0}.verify-documents-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border-primary)}.verify-documents-section h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem}.verify-form{display:flex;flex-direction:column;gap:.75rem}.verify-select{padding:.625rem .75rem;border:2px solid var(--color-border-primary);border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer}.verify-message{padding:.625rem .75rem;border:2px solid var(--color-border-primary);border-radius:6px;font-size:.875rem;font-family:inherit;resize:vertical}.verify-message:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.verify-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.verify-btn:hover:not(:disabled){background:var(--color-primary-dark)}.verify-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.users-management{padding:1rem}.users-header{flex-direction:column;gap:1rem}.users-filters{flex-direction:column}.filter-group{width:100%}.detail-grid,.documents-grid{grid-template-columns:1fr}.action-buttons-group{flex-direction:column}.action-btn-primary,.action-btn-success,.action-btn-warning,.action-btn-danger{width:100%;justify-content:center}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}}.listings-management{padding:1.5rem;background:var(--color-white);border-radius:8px}.listings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-primary)}.listings-header h2{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .25rem}.listings-header p{font-size:.875rem;color:var(--color-text-secondary);margin:0}.listings-stats{display:flex;gap:1rem}.stat-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-bg-secondary);border-radius:6px;font-size:.875rem;color:var(--color-text-primary)}.stat-item .material-icons{font-size:20px;width:20px;height:20px}.listings-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center}.filter-group{flex:1;min-width:150px}.filter-input-wrapper{position:relative;display:flex;align-items:center}.filter-icon{position:absolute;left:.75rem;color:var(--color-text-muted);font-size:1.125rem;pointer-events:none}.filter-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:2px solid var(--color-border-primary);border-radius:6px;font-size:.875rem;transition:all .2s}.filter-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.filter-select{width:100%;padding:.625rem .75rem;border:2px solid var(--color-border-primary);border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer;transition:all .2s}.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.reset-filters-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--color-bg-secondary);border:2px solid var(--color-border-primary);border-radius:6px;font-size:.875rem;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all .2s}.reset-filters-btn:hover{background:var(--color-border-primary)}.listings-table-container{overflow-x:auto;margin-bottom:1.5rem}.listings-table{width:100%;border-collapse:collapse;background:#fff}.listings-table thead{background:var(--color-bg-secondary)}.listings-table th{padding:.75rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-border-primary)}.listings-table td{padding:1rem .75rem;font-size:.875rem;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-primary)}.listings-table tbody tr:hover{background:var(--color-bg-secondary)}.listing-title-cell{display:flex;align-items:center;gap:.75rem}.listing-thumbnail{width:3rem;height:3rem;object-fit:cover;border-radius:4px;flex-shrink:0}.listing-title{font-weight:500;color:var(--color-text-primary)}.listing-classification{font-size:.75rem;color:var(--color-text-secondary);margin-top:.125rem}.listing-make-model{font-weight:500;color:var(--color-text-primary)}.listing-year{font-size:.75rem;color:var(--color-text-secondary);margin-top:.125rem}.listing-price{font-weight:600;color:var(--color-primary);font-size:.875rem}.listing-negotiable{font-size:.7rem;color:var(--color-text-secondary);margin-top:.125rem}.type-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.type-car{background:#e3f2fd;color:#1976d2}.type-motorcycle{background:#fff3e0;color:#f57c00}.type-spareparts{background:#f3e5f5;color:#7b1fa2}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-draft{background:#f5f5f5;color:#616161}.status-active{background:#e8f5e9;color:#2e7d32}.status-sold{background:#e3f2fd;color:#1976d2}.status-inactive{background:#ffebee;color:#c62828}.action-buttons{display:flex;gap:.5rem}.action-btn{width:2rem;height:2rem;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.view-btn{background:#e3f2fd;color:#1976d2}.view-btn:hover{background:#bbdefb}.suspend-btn{background:#fff3e0;color:#f57c00}.suspend-btn:hover{background:#ffe0b2}.activate-btn{background:#e8f5e9;color:#2e7d32}.activate-btn:hover{background:#c8e6c9}.action-btn:disabled{opacity:.5;cursor:not-allowed}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--color-text-secondary)}.loading-icon{animation:spin 1s linear infinite;font-size:2rem;margin-bottom:1rem}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border-primary)}.pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid var(--color-border-primary);border-radius:6px;background:#fff;color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.875rem;color:var(--color-text-secondary)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.modal-content{background:#fff;border-radius:8px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.listing-detail-modal{max-width:1000px}.edit-modal{max-width:600px}.small-modal{max-width:500px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border-primary)}.modal-header h3{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0}.modal-close{width:2rem;height:2rem;border:none;background:none;color:var(--color-text-muted);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.modal-body{padding:1.5rem}.listing-detail-section{margin-bottom:2rem}.listing-detail-section h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.detail-item p{font-size:.875rem;color:var(--color-text-primary);margin:0}.listing-description{font-size:.875rem;color:var(--color-text-primary);line-height:1.6;margin:0}.listing-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem}.listing-detail-image{width:100%;height:200px;object-fit:cover;border-radius:6px;border:2px solid var(--color-border-primary)}.listing-actions-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border-primary)}.listing-actions-section h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem}.action-buttons-group{display:flex;gap:.75rem;flex-wrap:wrap}.action-btn-primary,.action-btn-success,.action-btn-warning,.action-btn-danger{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.action-btn-primary{background:var(--color-primary);color:#fff}.action-btn-primary:hover{background:var(--color-primary-dark)}.action-btn-success{background:#4caf50;color:#fff}.action-btn-success:hover{background:#45a049}.action-btn-warning{background:#ff9800;color:#fff}.action-btn-warning:hover{background:#f57c00}.action-btn-danger{background:#f44336;color:#fff}.action-btn-danger:hover{background:#da190b}.action-btn-primary:disabled,.action-btn-success:disabled,.action-btn-warning:disabled,.action-btn-danger:disabled{opacity:.6;cursor:not-allowed}.edit-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.form-input,.form-textarea{padding:.625rem .75rem;border:2px solid var(--color-border-primary);border-radius:6px;font-size:.875rem;font-family:inherit;transition:all .2s}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-textarea{resize:vertical}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.btn-cancel,.btn-confirm,.btn-danger{padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel{background:var(--color-bg-secondary);color:var(--color-text-primary);border:2px solid var(--color-border-primary)}.btn-cancel:hover{background:var(--color-border-primary)}.btn-confirm{background:var(--color-primary);color:#fff}.btn-confirm:hover:not(:disabled){background:var(--color-primary-dark)}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover:not(:disabled){background:#da190b}.btn-cancel:disabled,.btn-confirm:disabled,.btn-danger:disabled{opacity:.6;cursor:not-allowed}.action-reason-input{width:100%;padding:.625rem .75rem;border:2px solid var(--color-border-primary);border-radius:6px;font-size:.875rem;font-family:inherit;resize:vertical;margin-top:1rem}.action-reason-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.warning-text{color:var(--color-text-primary);font-size:.875rem;line-height:1.5}.error-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;margin-bottom:1rem;font-size:.875rem}.error-banner button{margin-left:auto;background:none;border:none;color:#c33;cursor:pointer;padding:.25rem}@media (max-width: 768px){.listings-management{padding:1rem}.listings-header{flex-direction:column;gap:1rem}.listings-filters{flex-direction:column}.filter-group{width:100%}.detail-grid,.listing-images-grid{grid-template-columns:1fr}.action-buttons-group{flex-direction:column}.action-btn-primary,.action-btn-success,.action-btn-warning,.action-btn-danger{width:100%;justify-content:center}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}}.admin-login-page{min-height:100vh;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-white) 100%);display:flex;align-items:center;justify-content:center;padding:2rem}.admin-login-container{width:100%;max-width:450px;margin:0 auto}.admin-login-header{text-align:center;margin-bottom:2rem}.admin-login-logo{margin-bottom:1rem}.admin-login-logo-text{font-size:2rem;font-weight:700;color:var(--color-primary);margin:0 0 .5rem;letter-spacing:-.5px}.admin-login-tagline{font-size:.875rem;color:var(--color-text-secondary);margin:0;font-weight:500}.admin-login-content{width:100%}.admin-login-card{background:var(--color-white);border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014;border:1px solid var(--color-border-primary)}.admin-login-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem;text-align:center}.admin-login-subtitle{font-size:.875rem;color:var(--color-text-secondary);text-align:center;margin:0 0 2rem}.admin-login-form{display:flex;flex-direction:column;gap:1.5rem}.admin-form-group{display:flex;flex-direction:column;gap:.5rem}.admin-form-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.admin-input-wrapper{position:relative;display:flex;align-items:center}.admin-input-icon{position:absolute;left:.875rem;font-size:1.125rem;color:var(--color-text-muted);z-index:2;pointer-events:none}.admin-form-input{width:100%;padding:.75rem .875rem .75rem 2.75rem;border:2px solid var(--color-border-primary);border-radius:8px;font-size:.875rem;transition:all .2s ease-in-out;background-color:#fff;box-sizing:border-box;font-family:inherit}.admin-form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.admin-form-input.error{border-color:var(--color-error)}.admin-form-input::placeholder{color:var(--color-text-muted)}.admin-form-input:disabled{background-color:var(--color-background-secondary);cursor:not-allowed;opacity:.6}.admin-password-input-container{position:relative;display:flex;align-items:center}.admin-password-toggle-btn{position:absolute;right:.875rem;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;z-index:2;transition:color .2s ease}.admin-password-toggle-btn:hover{color:var(--color-text-primary)}.admin-password-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.admin-error-message{color:var(--color-error);font-size:.8rem;margin-top:.25rem;display:block}.admin-global-error{background-color:var(--color-error-light);border:1px solid var(--color-error);border-radius:8px;padding:.75rem;text-align:center;font-size:.875rem;margin-bottom:0}.admin-login-actions{margin-top:.5rem}.admin-login-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background-color:var(--color-primary);color:var(--color-text-light);border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;font-family:inherit}.admin-login-btn:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #0673ff4d}.admin-login-btn:active:not(:disabled){transform:translateY(0)}.admin-login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-loading-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-login-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border-primary);text-align:center}.admin-back-to-site{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;padding:.5rem}.admin-back-to-site:hover:not(:disabled){color:var(--color-primary)}.admin-back-to-site:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.admin-login-page{padding:1rem}.admin-login-card{padding:1.5rem}.admin-login-title{font-size:1.3rem}.admin-login-subtitle{font-size:.8rem}}@media (max-width: 480px){.admin-login-page{padding:.75rem}.admin-login-card{padding:1.25rem;border-radius:12px}.admin-login-logo-text{font-size:1.6rem}.admin-login-title{font-size:1.1rem}.admin-form-input{font-size:.8rem;padding:.625rem .75rem .625rem 2.5rem}.admin-input-icon{font-size:1rem;left:.75rem}.admin-login-btn{padding:.75rem 1.25rem;font-size:.85rem}}