*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Open Sans,sans-serif}button{border:none;outline:none}a{color:unset;-webkit-text-decoration:unset;text-decoration:unset}#root{display:flex}.content{flex-grow:1}.content_body{background-color:#f8f9fa;padding:10px}.content{position:relative}.navigation{color:#fff;background-color:#0a1624;width:100%;height:100vh;padding:10px;position:sticky;top:0}@media (min-width:768px){.navigation{max-width:250px}}.navigation .tab{border-radius:5px;justify-content:flex-start;align-items:center;gap:10px;padding:10px;transition:all .3s ease-in-out;display:flex}.navigation .tab:hover,.navigation .tab.active{background:#0e3157}.content_header{border:1px solid silver;justify-content:space-between;padding:10px;font-weight:600;display:flex;overflow:hidden}.content_header h1{margin:0;font-size:1.4em;font-weight:600}.content_header .user_snapshot{justify-content:flex-start;align-items:center;gap:10px;transition:transform .3s ease-in-out;display:flex;transform:translate(50px)}.content_header .user_snapshot:hover{transform:none}.content_header .user_snapshot svg{color:silver}.content_header .user_snapshot .shutdown{color:#eb7575;cursor:pointer;margin-left:20px}.content_header .user_snapshot span{display:block}.content_header .user_snapshot span.welcome{color:silver;font-size:.7em;font-weight:400}.SignIn-page{background:#fafafa;width:100%;height:100vh}.SingIn{text-align:center;background:#fff;width:clamp(350px,50%,600px);padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px 1px #a1a1a118}.SingIn h3{margin:0;font-size:1.2em}.SingIn .span{color:#999;font-size:.9em}.SingIn__inputs{flex-direction:column;gap:10px;margin-top:50px;padding:0 20px;display:flex}.SingIn .custom-button{height:40px;margin-top:40px;margin-bottom:10px}.cutom-input{height:55px;margin-top:15px;padding-top:15px;position:relative}.cutom-input label{color:#949494;font-size:.9em;transition:all .2s ease-in-out;position:absolute;top:calc(50% + 7px);left:10px;transform:translateY(-50%)}.cutom-input label.active{top:0;left:5px}.cutom-input input{border:1px solid #ccc;border-radius:5px;outline:none;width:100%;height:100%;padding:9px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.loader{border:4px solid #eee;border-top-color:#86b6e9;border-radius:50%;width:25px;height:25px;animation:1s ease-in-out infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-button{cursor:pointer;letter-spacing:.3px;border:none;border-radius:6px;justify-content:center;align-items:center;height:40px;padding:0 18px;font-family:Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:.9em;font-weight:600;transition:all .3s;display:flex}.custom-button.btn-primary{color:#fff;background:linear-gradient(135deg,#0a1624 0%,#0e3157 100%);box-shadow:0 2px 8px #0a162433}.custom-button.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0a16244d}.custom-button.btn-primary:active:not(:disabled){transform:translateY(0)}.custom-button.btn-primary:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.custom-button.car_page__btn-secondary{color:#4a5568;box-shadow:none;background:#fff;border:1px solid #cbd5e0}.custom-button.car_page__btn-secondary:hover{color:#0a1624;background:#f7fafc;border-color:#0a1624;transform:translateY(-1px)}.custom-button.car_page__btn-danger{color:#fff;background:linear-gradient(135deg,#e53e3e 0%,#c53030 100%);box-shadow:0 2px 8px #e53e3e33}.custom-button.car_page__btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e53e3e4d}.custom-button.car_page__btn-danger:active{transform:translateY(0)}.custom-button.car_page__btn-cancel{color:#4a5568;box-shadow:none;background:#e2e8f0}.custom-button.car_page__btn-cancel:hover{color:#2d3748;background:#cbd5e0;transform:translateY(-1px)}table{border-collapse:collapse;border-spacing:0;caption-side:bottom}.cars{background-color:#f8f9fa;padding:20px}.cars__actions{justify-content:flex-end;margin-bottom:24px;display:flex}.cars__create-btn{color:#fff;background:linear-gradient(135deg,#0a1624 0%,#0e3157 100%);border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:.95em;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #0a16244d}.cars__create-btn:hover{color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 20px #0a162466}.cars__loading{text-align:center;padding:40px}.cars__error{text-align:center;color:#dc3545;padding:40px}.cars__retry-btn{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;margin-top:10px;padding:8px 16px;font-size:.9em;font-weight:500;transition:background-color .2s}.cars__retry-btn:hover{background-color:#0056b3}.cars__table-wrapper{background:#fff;border-radius:8px;overflow-x:auto;box-shadow:0 2px 8px #0000001a}.cars__empty{text-align:center;color:#6c757d;padding:40px;font-style:italic}.cars__table{border-collapse:collapse;background-color:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 4px 6px #0000001a}.cars__table tr{border-bottom:1px solid #e9ecef;transition:background-color .2s}.cars__table tr:hover{background-color:#f8f9fa}.cars__table tr:last-child{border-bottom:none}.cars__table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.5px;background-color:#0a1624;padding:16px 20px;font-size:.9em;font-weight:600}.cars__table td{color:#495057;padding:16px 20px;font-size:.9em}.cars__img img{object-fit:cover;border-radius:6px;max-width:120px;max-height:80px;transition:transform .2s;box-shadow:0 2px 4px #0000001a}.cars__img img:hover{transform:scale(1.05)}.cars__id{color:#0a1624;font-weight:600}.cars__brand{color:#212529;font-weight:600}.cars__price{color:#28a745;font-weight:600}.cars__view a{color:#fff;background-color:#0a1624;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .2s;display:inline-flex}.cars__view a:hover{background-color:#0e3157;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.cars__view a svg{width:18px;height:18px}.car_page{background:#f5f7fa;min-height:100vh;padding:0}.car_page__field-error{color:#b84545;padding-left:5px;font-size:.9em}.car_page__header{z-index:100;background:#fff;border-bottom:1px solid #e8ecf1;padding:24px 32px;position:sticky;top:0;box-shadow:0 1px 3px #00000014}.car_page__header-content{justify-content:space-between;align-items:flex-start;gap:24px;max-width:1600px;margin:0 auto;display:flex}.car_page__header-left{flex:1}.car_page__breadcrumb{align-items:center;gap:8px;margin-bottom:12px;font-size:.85em;display:flex}.car_page__breadcrumb a{color:#0a1624;font-weight:500;text-decoration:none;transition:color .3s}.car_page__breadcrumb a:hover{color:#0e3157}.car_page__breadcrumb-sep{color:#cbd5e0;margin:0 4px}.car_page__breadcrumb span{color:#718096;font-weight:400}.car_page__page-title{color:#1a202c;margin:0;font-size:2em;font-weight:700}.car_page__header-actions{align-items:center;gap:16px;display:flex}.car_page__status-badge{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.8em;font-weight:600;display:inline-flex}.car_page__status-badge--active{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.car_page__status-dot{background:#28a745;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse;display:inline-block}.car_page__container{max-width:1600px;margin:0 auto;padding:32px}.car_page__hero-section{margin-bottom:32px}.car_page__hero-card{background:#fff;border:1px solid #e8ecf1;border-radius:12px;grid-template-columns:1fr 1fr;gap:0;display:grid;box-shadow:0 2px 12px #0000001a}@media (max-width:1200px){.car_page__hero-card{grid-template-columns:1fr;gap:24px}}.car_page__hero-image-wrapper{background:linear-gradient(135deg,#f8f9fa 0%,#e2e8f0 100%);min-height:400px;position:relative;overflow:hidden}@media (max-width:1200px){.car_page__hero-image-wrapper{min-height:350px}}.car_page__hero-image{width:100%;height:100%;position:absolute;top:0;left:0}.car_page__hero-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.car_page__hero-image img:hover{transform:scale(1.05)}.car_page__image-loading{color:#718096;z-index:1;background:#ffffffe6;border-radius:6px;padding:12px 24px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.car_page__hero-empty{color:#718096;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.car_page__hero-empty-icon{opacity:.5;font-size:4em}.car_page__hero-empty-icon p{margin:0;font-size:1em;font-weight:500}.car_page__hero-info{background:#fff;flex-direction:column;justify-content:space-between;padding:32px;display:flex}.car_page__hero-title-section{margin-bottom:24px}.car_page__hero-title{color:#1a202c;margin:0 0 8px;font-size:1.8em;font-weight:700;line-height:1.2}.car_page__hero-subtitle{color:#718096;margin:0;font-size:.95em;font-weight:500}.car_page__hero-specs{border-bottom:1px solid #e8ecf1;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;padding-bottom:24px;display:grid}@media (max-width:600px){.car_page__hero-specs{grid-template-columns:1fr}}.car_page__hero-spec{background:#f7fafc;border:1px solid #edf2f7;border-radius:8px;flex-direction:column;gap:4px;padding:12px;display:flex}.car_page__hero-spec-label{color:#718096;text-transform:uppercase;letter-spacing:.5px;font-size:.7em;font-weight:600}.car_page__hero-spec-value{color:#2d3748;align-items:center;gap:6px;font-size:.95em;font-weight:600;display:flex}.car_page__hero-spec-value.car_page__hero-spec-with-icon svg{flex-shrink:0;width:18px;height:18px}.car_page__hero-pricing{background:linear-gradient(135deg,#f5f7fa 0%,#eef1f6 100%);border:1px solid #e8ecf1;border-radius:8px;padding:16px}.car_page__hero-pricing-amount{color:#0a1624;margin-bottom:4px;font-size:1.8em;font-weight:800;display:block}.car_page__hero-pricing-label{color:#718096;text-transform:uppercase;letter-spacing:.3px;font-size:.85em;font-weight:500}.car_page__form-container{flex-direction:column;gap:24px;display:flex}.car_page__message{border-left:4px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:16px 20px;font-size:.9em;font-weight:600;animation:.3s slideDown;display:flex}.car_page__message-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:1.1em;font-weight:800;display:flex}.car_page__message-icon svg{width:100%;height:100%;display:block}.car_page__message--success{color:#155724;background:#d4edda;border-color:#28a745}.car_page__message--error{color:#721c24;background:#f5d5d5;border-color:#e53e3e}.car_page__form-section{background:#fff;border:1px solid #e8ecf1;border-radius:12px;transition:all .3s;box-shadow:0 2px 8px #00000014}.car_page__form-section:hover{box-shadow:0 4px 12px #0000001f}.car_page__form-header{background:linear-gradient(135deg,#f5f7fa 0%,#eef1f6 100%);border-bottom:1px solid #e8ecf1;align-items:flex-start;gap:16px;padding:20px;display:flex}.car_page__form-header-icon{text-align:center;opacity:.8;color:#4a5568;width:28px;min-width:28px;height:28px;margin-top:2px;font-size:1.6em}.car_page__form-header-icon svg{width:100%;height:100%;display:block}.car_page__form-header-content{flex:1}.car_page__form-header-content h3{color:#2d3748;margin:0 0 6px;font-size:1.1em;font-weight:600}.car_page__form-header-content p{color:#718096;margin:0;font-size:.85em}.car_page__form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:24px;display:grid}.car_page__form-grid--1col{grid-template-columns:1fr}.car_page__form-grid--2col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (max-width:768px){.car_page__form-grid--2col{grid-template-columns:1fr}}.car_page__form-grid--3col{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}@media (max-width:768px){.car_page__form-grid--3col{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.car_page__form-grid--3col{grid-template-columns:1fr}}.car_page__field{flex-direction:column;gap:8px;display:flex}.car_page__field label{color:#4a5568;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;font-size:.75em;font-weight:600;display:flex}.car_page__field input{color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:11px 12px;font-family:inherit;font-size:.95em;font-weight:500;transition:all .3s}.car_page__field input::placeholder{color:#a0aec0}.car_page__field input:focus{background:#fafbfc;border-color:#0a1624;box-shadow:0 0 0 3px #0a162414}.car_page__field input:hover:not(:focus){border-color:#cbd5e0}.car_page__required{color:#e53e3e;font-weight:700}.car_page__actions-section{background:#fff;border:1px solid #e8ecf1;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.car_page__actions{flex-wrap:wrap;gap:12px;display:flex}.car_page__btn-primary{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#0a1624 0%,#0e3157 100%);border:none;border-radius:6px;justify-content:center;align-items:center;padding:11px 28px;font-size:.9em;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #0a162433}.car_page__btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0a16244d}.car_page__btn-primary:active:not(:disabled){transform:translateY(0)}.car_page__btn-primary:disabled{opacity:.65;cursor:not-allowed}.car_page__btn-secondary{color:#4a5568;cursor:pointer;letter-spacing:.3px;background:#fff;border:1px solid #cbd5e0;border-radius:6px;justify-content:center;align-items:center;padding:11px 28px;font-size:.9em;font-weight:600;transition:all .3s;display:inline-flex}.car_page__btn-secondary:hover{color:#0a1624;background:#f7fafc;border-color:#0a1624;transform:translateY(-1px)}.car_page__btn-danger{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#e53e3e 0%,#c53030 100%);border:none;border-radius:6px;justify-content:center;align-items:center;padding:11px 28px;font-size:.9em;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #e53e3e33}.car_page__btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e53e3e4d}.car_page__btn-danger:active{transform:translateY(0)}.car_page__btn-cancel{color:#4a5568;cursor:pointer;letter-spacing:.3px;background:#e2e8f0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:11px 28px;font-size:.9em;font-weight:600;transition:all .3s;display:inline-flex}.car_page__btn-cancel:hover{color:#2d3748;background:#cbd5e0;transform:translateY(-1px)}.car_page .loader{z-index:1000;width:60px;height:60px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.car_page__container{padding:24px}.car_page__hero-card{grid-template-columns:1fr}.car_page__hero-image-wrapper{min-height:350px}}@media (max-width:768px){.car_page__header{padding:16px 20px}.car_page__header-content{flex-direction:column;align-items:flex-start;gap:16px}.car_page__header-actions{justify-content:space-between;width:100%}.car_page__page-title{font-size:1.5em}.car_page__container{padding:16px}.car_page__hero-info{padding:24px}.car_page__form-grid{gap:16px;padding:16px}.car_page__form-grid--2col,.car_page__form-grid--3col{grid-template-columns:1fr}.car_page__actions{flex-direction:column}.car_page__actions button{width:100%}}.popup-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.popup-content{background:#fff;border-radius:8px;width:90%;max-width:400px;max-height:80vh;animation:.2s ease-out slideIn;overflow-y:auto;box-shadow:0 4px 20px #00000026}.popup-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:20px 20px 15px;display:flex}.popup-title{color:#0a1624;margin:0;font-size:1.2em;font-weight:600}.popup-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:24px;transition:all .2s;display:flex}.popup-close:hover{color:#0a1624;background-color:#f0f0f0}.popup-body{padding:20px}.popup-message{color:#333;margin:0;font-size:.95em;line-height:1.5}.popup-footer{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:10px;padding:15px 20px 20px;display:flex}.popup-btn{cursor:pointer;border:none;border-radius:5px;min-width:80px;padding:8px 16px;font-size:.85em;font-weight:600;transition:all .2s}.popup-btn:focus{outline-offset:2px;outline:2px solid #11375f}.popup-btn-cancel{color:#666;background:#f5f5f5;border:1px solid #ddd}.popup-btn-cancel:hover{background:#e8e8e8;border-color:#ccc}.popup-btn-confirm{color:#fff;border:1px solid #0000}.popup-btn-confirm.popup-btn-danger{background:#dc3545}.popup-btn-confirm.popup-btn-danger:hover{background:#bd2130}.popup-btn-confirm.popup-btn-warning{color:#212529;background:#ffc107}.popup-btn-confirm.popup-btn-warning:hover{background:#d39e00}.popup-btn-confirm.popup-btn-info{background:#11375f}.popup-btn-confirm.popup-btn-info:hover{background:#091e34}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.9)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.select{width:100%;position:relative}.select--disabled{opacity:.6;pointer-events:none}.select__trigger{cursor:pointer;color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;min-height:40px;padding:12px 14px;font-weight:500;transition:all .3s;display:flex}.select__trigger:hover{background:#fafbfc;border-color:#cbd5e0}.select__trigger:focus{border-color:#0a1624;outline:none;box-shadow:0 0 0 3px #0a162414}.select__trigger--open{background:#fafbfc;border-color:#0a1624;box-shadow:0 0 0 3px #0a162414}.select__value{color:#2d3748;font-size:.95em;font-weight:500}.select__placeholder{color:#a0aec0;font-size:.95em}.select__arrow{color:#cbd5e0;flex-shrink:0;width:16px;height:16px;transition:transform .2s}.select__arrow--rotated{transform:rotate(180deg)}.select__dropdown{z-index:1000;background:#fff;border:1px solid #e8ecf1;border-radius:6px;max-height:240px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.select__option{cursor:pointer;color:#4a5568;padding:10px 14px;font-size:.95em;transition:all .15s}.select__option:hover{color:#0a1624;background-color:#f7fafc;font-weight:500}.select__option--selected{color:#0a1624;background-color:#eff6ff;border-left:3px solid #0a1624;padding-left:11px;font-weight:600}.select__option:first-child{border-radius:6px 6px 0 0}.select__option:last-child{border-radius:0 0 6px 6px}.select__option:only-child{border-radius:6px}.orders{background-color:#f8f9fa;padding:20px}.orders__actions{justify-content:flex-end;margin-bottom:24px;display:flex}.orders__create-btn{color:#fff;background:linear-gradient(135deg,#0a1624 0%,#0e3157 100%);border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:.95em;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #0a16244d}.orders__create-btn:hover{color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 20px #0a162466}.orders__loading{text-align:center;padding:40px}.orders__error{text-align:center;color:#dc3545;padding:40px}.orders__retry-btn{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;margin-top:10px;padding:8px 16px;font-size:.9em;font-weight:500;transition:background-color .2s}.orders__retry-btn:hover{background-color:#0056b3}.orders__table-wrapper{background:#fff;border-radius:8px;overflow-x:auto;box-shadow:0 2px 8px #0000001a}.orders__empty{text-align:center;color:#6c757d;padding:40px;font-style:italic}.orders__table{border-collapse:collapse;background-color:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 4px 6px #0000001a}.orders__table tr{border-bottom:1px solid #e9ecef;transition:background-color .2s}.orders__table tr:hover{background-color:#f8f9fa}.orders__table tr:last-child{border-bottom:none}.orders__table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.5px;background-color:#0a1624;padding:16px 20px;font-size:.9em;font-weight:600}.orders__table td{color:#495057;padding:16px 20px;font-size:.9em}.orders__img img{object-fit:cover;border-radius:6px;max-width:120px;max-height:80px;transition:transform .2s;box-shadow:0 2px 4px #0000001a}.orders__img img:hover{transform:scale(1.05)}.orders__id{color:#0a1624;font-weight:600}.orders__brand{color:#212529;font-weight:600}.orders__price{color:#28a745;font-weight:600}.orders__view a{color:#fff;background-color:#0a1624;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .2s;display:inline-flex}.orders__view a:hover{background-color:#0e3157;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.orders__view a svg{width:18px;height:18px}