:root{--black: #000000;--white: #ffffff;--gray-light: #a9a9a9;--gray-dark: #333333;--background-primary: #1f1f1f;--background-secondary: #2d2d2d;--background-tertiary: #404040;--background-quaternary: #505050;--text-primary: var(--white);--text-secondary: var(--gray-light);--text-tertiary: var(--gray-dark);--button-primary: #007bff;--button-primary-hover: #0069d9;--button-secondary: #6c757d;--button-secondary-hover: #5a6268;--button-text-primary: var(--white);--button-text-secondary: var(--gray-light);--popup-background: #2a2a2a;--popup-border: #707070;--popup-text: var(--text-primary);--link-primary: #007bff;--link-primary-hover: #0069d9;--link-secondary: var(--gray-light);--link-secondary-hover: #8c8c8c;--divider: #4d4d4d;--notification: #ffa500;--navbar-background: var(--background-secondary);--navbar-text: var(--text-primary);--navbar-link: var(--link-primary);--navbar-link-hover: var(--link-primary-hover);--navbar-divider: var(--divider);--navbar-button-background: var(--button-primary);--navbar-button-text: var(--button-text-primary);--disabled-input: white}body.light{--black: #333333;--white: #fafafa;--gray-light: #e0e0e0;--gray-dark: #777777;--background-primary: var(--white);--background-secondary: #3f72af;--background-tertiary: var(--gray-light);--background-quaternary: #eaeaea;--text-primary: var(--black);--text-secondary: var(--gray-dark);--text-tertiary: var(--gray-light);--button-primary: #007bff;--button-primary-hover: #0069d9;--button-secondary: #b0bec5;--button-secondary-hover: #a1afb6;--button-text-primary: var(--white);--button-text-secondary: var(--gray-dark);--popup-background: var(--background-secondary);--popup-border: var(--gray-light);--popup-text: var(--text-primary);--link-primary: #0056b3;--link-primary-hover: #004c9b;--link-secondary: var(--gray-dark);--link-secondary-hover: #8c8c8c;--divider: var(--gray-light);--notification: #ffa500;--navbar-background: #3f72af;--navbar-text: var(--white);--navbar-link: #ffffff;--navbar-link-hover: #e0e0e0;--navbar-divider: var(--divider);--navbar-button-background: var(--button-primary);--navbar-button-text: var(--button-text-primary);--disabled-input: black}.login__form--container{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background:url(/build/assets/login-background-a417cb71.jpg) center/cover no-repeat}.login__form--container .login__form{width:30rem;display:flex;flex-direction:column;border:solid;border-width:1px;border-radius:25px;border-color:#fff;background-color:#fffc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:5rem 6rem}@media (max-width: 500px){.login__form--container .login__form{padding:1rem;width:16rem}}.login__form--container .login__form input{margin-top:3rem;text-transform:none}@media (max-width: 500px){.login__form--container .login__form input{margin-top:2rem}}.login__form--container .login__form .login__form--input{background-color:transparent;font-size:20px;border:solid;border-color:#292929;color:#292929;border-width:0 0 3px 0;padding:7px 3px}.login__form--container .login__form .login__form--input:focus{outline:none}.login__form--container .login__form .login__form--submit{font-size:24px;border-radius:25px;border:none;padding:.6rem 4rem;background-color:#505050;color:#fff;cursor:pointer}.login__form--container .login__form .login__form--submit:hover{background-color:#292929}@media (max-width: 500px){.login__form--container .login__form .login__form--submit{font-size:20px}}.login__form--container .login__form a{color:#00f;text-align:center;margin-top:.5rem}.error__container{text-align:center;position:absolute;background-color:red;width:100%;top:0;font-size:20px;font-weight:700}.navbar{display:flex;align-items:center;justify-content:space-between;padding:2rem;background-color:var(--navbar-background);color:var(--navbar-text);position:relative;z-index:2}.navbar h3{font-size:1.5rem;color:var(--navbar-text);cursor:pointer}@media (max-width: 1200px){.navbar h3{font-size:18px}}@media (max-width: 1200px){.navbar h3{font-size:14px}}.navbar .nav-btn{display:none;font-size:1.5rem;background:none;border:none;color:var(--navbar-text);cursor:pointer}@media (max-width: 768px){.navbar .nav-btn{display:block}}.navbar nav{display:flex;gap:1rem}@media (max-width: 768px){.navbar nav{position:fixed;top:0;left:0;height:100vh;width:100vw;flex-direction:column;align-items:center;justify-content:center;gap:2rem;background-color:var(--navbar-background);transform:translateY(-100vh);transition:transform .3s ease-in-out;padding-top:3rem}.navbar nav.responsive_nav{transform:translateY(0)}}.navbar nav a,.navbar nav .logout{color:var(--navbar-link);text-decoration:none;font-size:1.5rem}.navbar nav a:hover,.navbar nav .logout:hover{color:var(--navbar-link-hover)}.navbar nav .logout{color:red}.navbar nav .nav-close-btn{position:absolute;top:1rem;right:1rem;color:var(--navbar-text)}@media (min-width: 768px){.navbar nav .nav-close-btn{display:none}}.create-buyout{display:flex;flex-direction:column;align-items:center}.create-buyout h2{margin:20px 0}@media (max-width: 1200px){.create-buyout h2{font-size:18px}}.create-buyout .MuiPaper-root{width:95%}@media (max-width: 1200px){.create-buyout .MuiTableCell-root{font-size:12px}}@media (max-width: 800px){.create-buyout .MuiTableCell-root{font-size:8px}}.device-verification{width:400px;margin:50px auto;background-color:var(--background-primary);padding:20px;border-radius:5px;box-shadow:0 0 15px #0000004d;border:1px solid var(--gray-light)}@media (max-width: 1200px){.device-verification{width:95%;margin-top:20px}}.device-verification--stolen{background-color:#c00;color:var(--white);text-align:center}.device-verification--veryfied{background-color:#137000;color:var(--white);text-align:center}.device-verification__background{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000080;z-index:2}.device-verification__popup{display:flex;flex-direction:column;width:90%;height:90%;background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 6px #0003}.device-verification__popup .control-bar{display:flex;justify-content:flex-end;margin-bottom:4px}.device-verification__popup .control-bar button{font-size:16px;cursor:pointer}.device-verification__popup iframe{width:100%;height:100%}.device-verification label{display:block;margin-bottom:10px;font-weight:600;color:var(--text-secondary)}.device-verification input[type=text]{width:100%;padding:10px;border-radius:3px;border:1px solid var(--divider);margin-bottom:15px;color:var(--text-primary);background-color:var(--background-quaternary)}.device-verification input[type=text]:focus{border-color:var(--link-primary);outline:none}.device-verification__verify-btn,.device-verification__result-btn{padding:10px 15px;border-radius:3px;border:none;cursor:pointer;margin-right:10px;font-weight:600}.device-verification__verify-btn:hover,.device-verification__result-btn:hover{background-color:var(--button-primary-hover);color:var(--button-text-primary)}.device-verification__verify-btn{background-color:var(--button-primary);color:var(--button-text-primary);margin-bottom:10px}.device-verification__result-btn{background-color:var(--background-tertiary);color:var(--text-primary)}@media (max-width: 1200px){.device-verification__result-btn{margin-top:5px}}.device-verification__result-btn:first-child{border:1px solid var(--link-primary)}.device-verification__result-btn:first-child:hover{background-color:var(--background-secondary)}.device-verification__result-btn:last-child{border:1px solid var(--notification)}.device-verification__result-btn:last-child:hover{filter:brightness(90%)}.edit-buyout{display:flex;flex-direction:column;align-items:center}.edit-buyout .customer-declined-price,.edit-buyout .checkpoints-failed{background-color:#c00;color:var(--white);text-align:center;border:none;padding:14px 50px;border-radius:4px;margin-bottom:40px}.edit-buyout .section__heading{color:var(--text-secondary)}.edit-buyout .device-header{display:flex;width:100%}.edit-buyout .recap-btn{margin-top:14px}.accessories{width:600px;margin:50px auto;background-color:var(--background-primary);padding:20px;border-radius:5px;box-shadow:0 0 15px #0000004d;border:1px solid var(--gray-light)}@media (max-width: 1200px){.accessories{width:95%;margin-top:20px}}.accessories__header{display:flex;justify-content:space-between}.accessories__header h3{color:var(--text-secondary);margin-bottom:15px}.accessories__discount-label--positive{color:green}.accessories__discount-label--negative{color:red}.accessories__container{display:flex;flex-direction:column;gap:10px}.accessories__container button{font-size:16px;border:none;border-radius:4px;background-color:var(--button-primary);color:var(--white);padding:4px;cursor:pointer}.accessories__container button:hover{background-color:var(--button-primary-hover)}.accessories__container div{display:flex;align-items:center;gap:5px}.accessories__container div label{flex:1;color:var(--text-primary);cursor:pointer;font-size:18px}.accessories__container div input[type=checkbox]{cursor:pointer;height:20px;width:20px}.accessories__container div input[type=checkbox]:checked{background-color:var(--button-primary)}.accessories__download{text-align:right;margin-bottom:15px}.accessories__download button{font-size:16px;border:none;border-radius:4px;background-color:var(--button-primary);color:var(--white);padding:6px 12px;cursor:pointer;transition:background-color .3s ease}.accessories__download button:hover{background-color:var(--button-primary-hover)}.damage-levels{width:600px;margin:50px auto;background-color:var(--background-primary);padding:20px;border-radius:5px;box-shadow:0 0 15px #0000004d;border:1px solid var(--gray-light)}@media (max-width: 1200px){.damage-levels{width:95%;margin-top:20px}}.damage-levels__header{display:flex;justify-content:space-between}.damage-levels__header h3{color:var(--text-secondary);margin-bottom:15px}.damage-levels__discount-label--negative{color:red}.damage-levels__container{display:flex;flex-direction:column}.damage-levels__container button{font-size:16px;border:none;border-radius:4px;background-color:var(--button-primary);color:var(--white);padding:4px;margin-top:10px;cursor:pointer}.damage-levels__container button:hover{background-color:var(--button-primary-hover)}.damage-levels__container .damage-levels__container__select .react-select__control{background-color:var(--background-tertiary);color:var(--text-primary);border:1px solid var(--gray-dark)}.damage-levels__container .damage-levels__container__select .react-select__control:hover{border-color:var(--gray-light)}.damage-levels__container .damage-levels__container__select .react-select__control .react-select__value-container{color:var(--text-primary)}.damage-levels__container .damage-levels__container__select .react-select__control .react-select__indicator-separator{background-color:var(--divider)}.damage-levels__container .damage-levels__container__select .react-select__option{color:var(--text-primary);background-color:var(--background-tertiary)}.damage-levels__container .damage-levels__container__select .react-select__option:hover{background-color:var(--background-quaternary)}.damage-levels__container .damage-levels__container__select .react-select__single-value{color:var(--text-primary)}.checkpoints{display:flex;flex-direction:column;width:600px;margin:50px auto;background-color:var(--background-primary);padding:20px;border-radius:5px;box-shadow:0 0 15px #0000004d;border:1px solid var(--gray-light)}@media (max-width: 1200px){.checkpoints{width:95%;margin-top:20px}}.checkpoints h3{color:var(--text-secondary);margin-bottom:15px}.checkpoints__header{display:flex;justify-content:space-between;margin-bottom:10px}.checkpoints .qr-code{width:100%;display:flex;flex-direction:column;align-items:center}.checkpoints .qr-code p{color:var(--text-secondary)}.checkpoints .qr-code img{width:100px}.checkpoints__container{display:flex;flex-direction:column;gap:10px}.checkpoints__container button{font-size:16px;border:none;border-radius:4px;background-color:var(--button-primary);color:var(--white);padding:4px;cursor:pointer}.checkpoints__container button:hover{background-color:var(--button-primary-hover)}.checkpoints__container div{display:flex;align-items:center;gap:5px}.checkpoints__container div label{flex:1;color:var(--text-primary);cursor:pointer;font-size:18px}.checkpoints__container div input[type=checkbox]{cursor:pointer;height:20px;width:20px}.checkpoints__container div input[type=checkbox]:checked{background-color:var(--button-primary)}.prices{width:600px;margin:50px auto 0;background-color:var(--background-primary);padding:20px;border-radius:5px;box-shadow:0 0 15px #0000004d;border:1px solid var(--gray-light);display:flex;justify-content:space-between}@media (max-width: 1200px){.prices{width:95%;margin-top:20px;flex-direction:column;align-items:center}}.prices__label{color:var(--text-primary)}.prices__container{width:46%;text-align:center}@media (max-width: 1200px){.prices__container{width:95%;margin-top:6px}}.prices__box{border:solid 1px var(--gray-light);border-radius:6px;color:var(--text-primary)}.prices__box--final-price{background-color:green;color:var(--white)}.price-decline__btn{font-size:18px;border:none;border-radius:4px;background-color:var(--button-primary);color:var(--white);padding:6px 30px;margin:10px 0 50px;cursor:pointer}.price-decline__btn:hover{background-color:red}.device-info{display:flex;flex-direction:column;align-items:center;margin:24px 0}.device-info img{width:200px}.device-info h3{font-size:26px;color:var(--text-primary)}.estimated-price{width:1000px;margin:50px auto;background-color:var(--background-primary);padding:20px;border-radius:5px;box-shadow:0 0 15px #0000004d;border:1px solid var(--gray-light);display:flex;justify-content:space-evenly;align-items:center}.estimated-price ul{margin-left:20px;font-size:18px}@media (max-width: 1200px){.estimated-price{flex-direction:column;width:95%;text-align:center}}.estimated-price h3{margin-bottom:10px;color:var(--text-primary)}.estimated-price .damage-level{border:1px solid var(--gray-light);padding:16px;border-radius:8px;margin-bottom:16px}.estimated-price .damage-level:last-child{margin-bottom:0}.estimated-price .damage-level .damage-description{color:var(--text-primary);margin-bottom:8px;font-size:1.25em}.estimated-price .damage-level .damage-info{color:var(--text-primary)}.estimated-price .damage-level .final-price{color:var(--text-secondary);font-size:1em}body.light .estimated-price-container{background:var(--background-primary)}body.light .estimated-price-container .damage-level{background:var(--background-tertiary)}body.light .estimated-price-container .damage-level .damage-description{color:var(--text-primary)}body.light .estimated-price-container .damage-level .final-price{color:var(--text-secondary)}.customer-form{width:600px;margin:50px auto;background-color:var(--background-primary);padding:20px;border-radius:5px;box-shadow:0 0 15px #0000004d;border:1px solid var(--gray-light);display:flex;flex-direction:column;align-items:center}@media (max-width: 1200px){.customer-form{width:95%;margin-top:20px}}@media (max-width: 500px){.customer-form{padding:6px}}.customer-form h2{margin-bottom:20px;color:var(--text-primary)}.customer-form .customer__show-history-btn{margin-bottom:20px;text-decoration:underline;cursor:pointer;color:var(--text-primary)}.customer-form .form-group{display:flex;align-items:center;margin-bottom:15px}.customer-form .form-group label{color:var(--text-secondary);margin-right:10px;width:200px}@media (max-width: 500px){.customer-form .form-group label{width:140px}}.customer-form .form-group input{width:200px;padding:10px;border-radius:4px;border:1px solid var(--gray-dark);flex:1}@media (max-width: 500px){.customer-form .form-group input{width:140px}}.customer-form .form-group input:focus{outline-color:var(--button-primary)}.customer-form .form-group input:disabled{color:var(--disabled-input)}.customer-form p{width:200px;color:var(--text-primary)}@media (max-width: 500px){.customer-form p{width:140px}}.customer-form button{padding:10px 20px;border:none;border-radius:4px;background-color:var(--button-primary);color:var(--button-text-primary);cursor:pointer}.customer-form button:hover{background-color:var(--button-primary-hover)}.id-cards{color:var(--text-primary);padding:1em;width:600px;gap:2em;box-shadow:0 0 15px #0000004d;margin:50px auto}@media (max-width: 1200px){.id-cards{width:95%;margin-top:20px}}.id-cards__btn-container{display:flex;justify-content:center;margin-top:30px}.id-cards__btn-container button{padding:10px 20px;border:none;border-radius:4px;background-color:var(--button-primary);color:var(--button-text-primary);cursor:pointer}.id-cards__btn-container button:hover{background-color:var(--button-primary-hover)}.id-cards__container{display:flex;justify-content:space-evenly}@media (max-width: 1200px){.id-cards__container{flex-direction:column}}.id-cards__header{text-align:center;margin-bottom:20px}.id-cards__box{background-color:var(--background-secondary);padding:1em;border-radius:5px;box-shadow:0 0 10px rgba(var(--black),.1)}@media (max-width: 1200px){.id-cards__box{margin-bottom:10px}}.id-cards__box h4{margin-bottom:1em;color:var(--text-primary)}.id-cards__input-box{display:flex;flex-direction:column;margin-bottom:1em;gap:.5em}.id-cards__input-box label{color:var(--text-primary)}.id-cards__input-box select,.id-cards__input-box input{width:100%;padding:.5em;border:1px solid var(--gray-light);border-radius:5px;background-color:var(--background-tertiary);color:var(--text-primary)}.id-cards__input-box select:focus,.id-cards__input-box input:focus{outline-color:var(--button-primary)}body.light .id-cards{background-color:var(--background-primary)}body.light .id-cards__box{background-color:var(--background-secondary)}body.light .id-cards__box h4{margin-bottom:1em;color:var(--text-primary)}body.light .id-cards__box__input-box label{color:var(--text-tertiary)}body.light .id-cards__box__input-box select,body.light .id-cards__box__input-box input{border-color:var(--gray-light);background-color:var(--background-tertiary);color:var(--text-primary)}.contract{width:600px;margin:50px auto;background-color:var(--background-primary);padding:20px;border-radius:5px;box-shadow:0 0 15px #0000004d;border:1px solid var(--gray-light);display:flex;flex-direction:column;align-items:center}@media (max-width: 1200px){.contract{width:95%;margin-top:20px}}.contract h2,.contract__info{color:var(--text-primary)}.contract__btn{margin:20px 0;font-size:16px;padding:10px 20px;border:none;border-radius:4px;background-color:var(--button-primary);color:var(--button-text-primary);cursor:pointer}.contract__btn:hover{background-color:var(--button-primary-hover)}.in-offer{width:600px;margin:50px auto;background-color:var(--background-primary);padding:20px;border-radius:5px;box-shadow:0 0 15px #0000004d;border:1px solid var(--gray-light);display:flex;flex-direction:column;align-items:center}@media (max-width: 1200px){.in-offer{width:95%;margin-top:20px}}.in-offer h2{color:var(--text-primary)}.in-offer p{color:var(--text-secondary)}.in-offer input{font-size:16px;width:60%;text-align:center}.in-offer__btn{margin:10px 0;width:60%;font-size:16px;border:none;border-radius:4px;background-color:var(--button-primary);color:var(--white);padding:4px;cursor:pointer}.in-offer__btn:hover{background-color:var(--button-primary-hover)}.in-offer__btn--refuse:hover{background-color:red}.customer-history-popup{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080}.customer-history-popup__container{display:flex;flex-direction:column;align-items:center;background:var(--background-primary);color:var(--popup-text);border:1px solid var(--popup-border);border-radius:8px;box-shadow:0 0 10px #00000080;padding:20px;max-width:500px;width:100%;box-sizing:border-box;overflow-y:auto}.customer-history-popup__container h2{text-align:center}.customer-history-popup__item{display:flex;margin-bottom:10px}.customer-history-popup__item:last-child{margin-bottom:0}.customer-history-popup__item a{color:var(--link-primary);text-decoration:none}.customer-history-popup__item a:hover{color:var(--link-primary-hover);text-decoration:underline}.customer-history-popup__item p{margin:0;color:var(--text-secondary)}.finished-buyout{width:900px;margin:50px auto;background-color:var(--navbar-background);padding:20px;border-radius:5px;box-shadow:0 0 15px #0000004d;border:1px solid var(--gray-light);display:flex;flex-direction:column;color:var(--white)}.finished-buyout button{width:40%;margin:20px auto}.finished-buyout h2{width:100%;text-align:center;margin-bottom:20px;font-size:28px}.finished-buyout__buyout-data{width:100%;padding:20px;display:flex;justify-content:space-evenly}.finished-buyout__buyout-data img{width:300px}.finished-buyout__data-container{display:flex;justify-content:space-between;flex-wrap:wrap;width:45%}.finished-buyout__data-container__column{width:90%;display:flex}.finished-buyout__data-container__column label{font-weight:700;margin-right:10px;font-size:18px}.finished-buyout__data-container__column p{font-size:18px}.finished-buyout__customer-data{width:100%;padding:20px;margin-bottom:40px}.finished-buyout__customer-data .finished-buyout__data-container{width:100%}.finished-buyout__customer-data .finished-buyout__data-container__column{width:45%;display:flex}.finished-buyout__customer-data .finished-buyout__data-container__column label{font-weight:700;margin-right:10px;font-size:18px}.finished-buyout__customer-data .finished-buyout__data-container__column p{font-size:18px}.finished-buyout__customer-data h2{font-size:26px}.finished-buyout__list-container{display:flex;padding:0 40px;justify-content:space-between}.finished-buyout__list-container h2{text-align:start;font-size:22px}.finished-buyout__list-container__accessories,.finished-buyout__list-container__checkpoints,.finished-buyout__list-container__id-cards{width:45%;font-size:18px}.finished-buyout__list-container__accessories h2,.finished-buyout__list-container__checkpoints h2,.finished-buyout__list-container__id-cards h2{font-size:22px}.finished-buyout .download-contract-btn{display:inline-block;padding:.6rem 1.4rem;background-color:#007bff;color:#fff;border-radius:8px;font-weight:600;font-size:1rem;text-decoration:none;transition:background-color .2s ease}.finished-buyout .download-contract-btn:hover{background-color:#0069d9}.admin{display:flex;flex-direction:column}.admin__nav{width:100%;margin-top:10px;display:flex;justify-content:center}.admin__nav__item{background-color:var(--navbar-background);padding:20px;width:400px;text-align:center;color:var(--navbar-link);font-weight:500;font-size:22px;cursor:pointer}.admin__nav__item:hover,.admin__nav__item--active{color:var(--white);background-color:var(--link-primary-hover)}.print-container{display:flex;flex-wrap:wrap;width:210mm;height:297mm;padding:0;margin:0 auto}.print-container .tile{border:solid .5px black;width:32.5%;height:37.6mm;box-sizing:border-box;font-size:14px;padding:10px;display:flex;justify-content:center;align-items:center;text-align:center;font-weight:800}.print-container .tile .content{display:flex;flex-direction:column;font-weight:800}.print-container .tile .content svg{margin:2px auto}.print-container .tile p{font-size:10px}.print-container .tile--middle{width:35%}.print-btn__header{margin:20px auto 0;text-align:center}.print-btn-container{display:flex;justify-content:center;margin-bottom:20px}.print-btn-container .print-btn,.print-btn-container .back-btn{margin:20px 20px 0;font-size:20px;font-weight:600;padding:10px 20px;border:none;border-radius:4px;background-color:var(--button-primary);color:var(--button-text-primary);cursor:pointer}.print-btn-container .print-btn:hover,.print-btn-container .back-btn:hover{background-color:var(--button-primary-hover)}@media print{body *{visibility:hidden;color:#000}@page{size:A4;margin:.5cm}.print-container,.print-container *{visibility:visible}.print-container{position:absolute;left:0;top:0;background-color:#fff;margin:0}.tile{border:none!important;background-color:#fff}.tile .position{display:none}.tile .content{display:block}}.overview{display:flex;flex-direction:column;align-items:center}.overview h2{margin:20px 0}@media (max-width: 1200px){.overview h2{font-size:18px}}.overview .MuiPaper-root{width:95%}@media (max-width: 1200px){.overview .MuiTableCell-root{font-size:12px}}@media (max-width: 800px){.overview .MuiTableCell-root{font-size:10px}}.sign_body{background-color:#fff}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10}.popup-content{background-color:#fff;padding:20px;border-radius:10px;display:flex;flex-direction:column;align-items:center}.popup-content .success-message{font-size:24px;text-align:center}.sigCanvas{border:1px solid #ccc;margin-top:15px}.button-container{margin-top:15px}.button-container button{background-color:#1877f2;color:#fff;border:none;padding:10px 15px;margin:0 10px;border-radius:5px;cursor:pointer}.button-container button:hover{background-color:#0b5fcc}.open-popup-btn,.close-btn{width:100%;margin:5px 0;background-color:#1877f2;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.open-popup-btn:hover,.close-btn:hover{background-color:#0b5fcc}.sign-section .open-popup-btn{margin-top:10px}.qr-codes-section{width:600px;margin:50px auto;background-color:var(--background-primary);padding:20px;border-radius:5px;box-shadow:0 0 15px #0000004d;border:1px solid var(--gray-light);display:flex;flex-direction:column;align-items:center}.qr-codes-section button{font-size:16px;border:none;border-radius:4px;background-color:var(--button-primary);color:var(--white);padding:4px;cursor:pointer}.qr-codes-section button:hover{background-color:var(--button-primary-hover)}.qr-codes-section h2{color:var(--text-primary);margin-bottom:20px}@media (max-width: 1200px){.qr-codes-section{width:95%;margin-top:20px}}.qr-codes{display:flex;justify-content:space-around;width:100%}.qr-code{display:flex;flex-direction:column;align-items:center}.qr-code h3{color:var(--text-primary);margin-bottom:10px}.qr-code p{color:var(--text-secondary);margin-top:10px;font-size:.9rem}.tooltip-bubble{position:fixed;background-color:#1e1e1e;border:1px solid #444;padding:12px 16px;border-radius:6px;max-width:400px;box-shadow:0 4px 12px #0006;z-index:999;color:#f0f0f0;font-size:.9rem;line-height:1.4}.tooltip-bubble div{flex-direction:column}.tooltip-bubble ul{margin:0;padding-left:20px}.tooltip-bubble code{background:rgba(255,255,255,.1);padding:1px 4px;border-radius:3px}.popup-container{position:fixed;top:0;left:0;z-index:200;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.popup-container .finished-buyout{z-index:10;transform:scale(1)}.popup-container .back-btn{font-size:18px;border:none;border-radius:4px;background-color:var(--button-primary);color:var(--white);padding:6px 30px;margin:10px auto;cursor:pointer}.popup-container .back-btn:hover{background-color:var(--button-secondary)}.material-table__btn{padding:4px 10px;background-color:var(--button-primary);color:var(--button-text-primary);font-size:18px;border:none;border-radius:6px}.material-table__btn:hover{cursor:pointer;color:var(--button-text-secondary)}.material-table__btn:disabled{background-color:var(--gray-light);cursor:auto}.material-table__btn:disabled:hover{color:var(--button-text-primary)}.group-assign-popup-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.group-assign-popup{background-color:var(--popup-background);color:var(--popup-text);border:1px solid var(--popup-border);padding:20px;border-radius:10px;display:flex;flex-direction:column;gap:20px;z-index:1001;width:500px}.group-assign-popup button{background-color:var(--button-primary);color:var(--button-text-primary);padding:10px;border:none;border-radius:5px;cursor:pointer;font-size:14px}.group-assign-popup button:hover{background-color:var(--button-primary-hover)}.group-assign-popup button:disabled{background-color:var(--button-secondary)}.group-assign-popup button:disabled:hover{color:var(--button-text-secondary)}.group-assign-popup .react-select{z-index:5;color:#000}body.light .group-assign-popup{background-color:var(--background-primary);color:var(--text-primary);border-color:var(--popup-border)}body.light .group-assign-popup button{background-color:var(--button-primary);color:var(--button-text-primary)}body.light .group-assign-popup button:hover{background-color:var(--button-primary-hover)}.popup-container{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:999}.popup-reciept-content{width:80%;max-width:500px;padding:2rem;background-color:var(--popup-background);border:2px solid var(--popup-border);border-radius:8px;text-align:center;box-shadow:0 4px 10px #0000004d}.popup-reciept-content h2{color:var(--popup-text)}.popup-reciept-content p{color:var(--popup-text);margin:.5rem 0}.popup-reciept-content .file-input{width:80%;max-width:400px;padding:.5rem;margin:1rem 0;background-color:var(--file-input-background);border:2px solid var(--file-input-border);border-radius:4px;color:var(--file-input-text);text-align:center}.popup-reciept-content .file-info{color:var(--popup-text);margin-top:.5rem}.popup-reciept-content .close-btn,.popup-reciept-content .change-upload-variant-btn{padding:.5rem 1rem;background-color:var(--button-primary);color:var(--button-text-primary);border:none;border-radius:4px;cursor:pointer;margin-top:1rem;transition:background-color .2s;width:100%}.popup-reciept-content .close-btn{background-color:red}.popup-reciept-content .close-btn:hover{background-color:var(--button-primary-hover)}.popup-reciept-content .receipt-preview{width:100%;max-width:350px;margin:1rem auto;display:block;border:2px solid var(--popup-border);border-radius:8px;box-shadow:0 2px 6px #00000026}.imei{width:600px;margin:50px auto;background-color:var(--background-primary);padding:20px;border-radius:5px;box-shadow:0 0 15px #0000004d;border:1px solid var(--gray-light)}@media (max-width: 1200px){.imei{width:95%;margin-top:20px}}.imei__header{margin-bottom:15px}.imei__header h3{color:var(--text-secondary)}.imei__container{display:flex;align-items:center;gap:10px}.imei__label{flex:1;color:var(--text-primary);font-size:18px}.imei__input{flex:2;font-size:16px;padding:4px 8px;border:1px solid var(--gray-light);border-radius:4px;background-color:var(--input-background);color:var(--text-primary)}.refuse-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:999}.refuse-popup__content{background:#fff;padding:2rem;border-radius:12px;width:90%;max-width:600px;box-shadow:0 0 20px #0003}.refuse-popup__content h2{margin-bottom:1rem}.refuse-popup__content label{display:block;margin-top:1rem;font-weight:600}.refuse-popup__content textarea{width:100%;padding:.8rem;margin-top:.5rem;border-radius:8px;border:1px solid #ccc;resize:none}.refuse-popup__content input[type=file]{margin-top:.5rem}.refuse-popup__preview{margin-top:1rem;display:flex;gap:10px;flex-wrap:wrap}.refuse-popup__preview img{width:80px;height:80px;object-fit:cover;border:1px solid #ccc;border-radius:8px}.refuse-popup__buttons{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.refuse-popup__buttons button{padding:.6rem 1.2rem;border:none;border-radius:8px;font-weight:600;cursor:pointer}.refuse-popup__buttons button.refuse{background-color:#dc3545;color:#fff}.refuse-popup__buttons button.finish{background-color:#28a745;color:#fff}.refuse-popup__buttons button.cancel{background-color:#ccc;color:#333}.refuse-popup__success{text-align:center}.refuse-popup__success h2{margin-bottom:1rem;color:#28a745}.refuse-popup__success p{margin-bottom:1.5rem}.refuse-popup__success button{padding:.6rem 1.2rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;background-color:#007bff;color:#fff}.refuse-popup__success button:hover{background-color:#0069d9}.buyout-controls{display:flex;gap:1rem;width:20%;margin:1rem auto;justify-content:center}.buyout-controls .refuse-popup{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:9999}.buyout-controls .refuse-popup__content{background:#fff;padding:2rem;border-radius:12px;width:90%;max-width:600px;box-shadow:0 0 20px #0003;text-align:center}.buyout-controls .refuse-popup__success h2{margin-bottom:1rem;color:#28a745}.buyout-controls .refuse-popup__success p{margin-bottom:1.5rem}.buyout-controls .refuse-popup__success button{padding:.6rem 1.2rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;background-color:#007bff;color:#fff}.buyout-controls .refuse-popup__success button:hover{background-color:#0069d9}.buyout-controls__btn{padding:.6rem 1.2rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:1rem;transition:background-color .2s}.buyout-controls__btn.refuse{background-color:#dc3545;color:#fff}.buyout-controls__btn.refuse:hover{background-color:#c82333}.buyout-controls__btn.finish{background-color:#28a745;color:#fff}.buyout-controls__btn.finish:hover{background-color:#218838}.spinner{width:18px;height:18px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin .8s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.accepted-button{font-size:16px;border:none;border-radius:4px;background-color:var(--button-primary);color:var(--white);padding:4px;margin:0 10px;cursor:pointer}.accepted-button:hover{background-color:var(--button-primary-hover)}.cancel-button{font-size:16px;border:none;border-radius:4px;background-color:var(--notification);color:var(--white);padding:4px;margin:0 10px;cursor:pointer}.cancel-button:hover{background-color:var(--button-primary-hover)}.category-photos-setup .table-header{margin:0 0 12px}.category-photos-setup .table-header h2{font-size:1.25rem;margin:0}.category-photos-setup .table-th{font-weight:700}.category-photos-setup .photo-cell{display:flex;align-items:center;gap:12px}.category-photos-setup .file-input-hidden{display:none}.category-photos-setup .upload-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;border:1px dashed rgba(0,0,0,.25);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s ease-in-out}.category-photos-setup .upload-btn:hover{border-color:#00000073;transform:translateY(-1px)}.category-photos-setup .upload-btn:active{transform:translateY(0)}.category-photos-setup .uploading{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;opacity:.8}.category-photos-setup .photo-preview{display:inline-flex;align-items:center;gap:8px}.category-photos-setup .photo-preview img{width:64px;height:64px;object-fit:cover;border-radius:10px;box-shadow:0 1px 6px #0000001f;border:1px solid rgba(0,0,0,.08);background:#f6f6f6}.category-photos-setup .photo-preview .status.ok{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;opacity:.8}.category-photos-setup .photo-placeholder{font-size:.9rem;opacity:.6}.category-photos-setup .error-box{margin-top:12px;padding:10px 12px;border-left:4px solid #d32f2f;background:#fdecea;border-radius:6px}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}body{background-color:var(--background-primary)}.loading-circle{margin:0 auto}