:root{--background:#fff;--foreground:#171717}body,html{max-width:100vw;overflow-x:hidden;height:100%}body{background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}body{padding:0}.main-page{flex-direction:row}.admin-panel,.main-page{display:flex;height:100%}.admin-panel{width:100%;flex-direction:column}.title{width:-moz-fit-content;width:fit-content;margin-bottom:20px}.header{background-color:#333;color:#fff;padding:15px 15px 15px 0;justify-content:space-between}.header,.header-right{display:flex;align-items:center}.search-input{padding:10px;margin-right:10px;width:300px}.logout-button{padding:10px 20px;background-color:#575757;border-radius:6px;color:#fff;border:none;cursor:pointer;transition:transform .3s ease}.logout-button:hover{background-color:#444;transform:scale(1.1)}.sidebar{padding:20px;height:100%}.content{overflow-y:auto}.sidebar{width:250px;background-color:#333;color:#fff;padding:10px 0 20px 20px}.sidebar h2{text-align:center}.sidebar ul{list-style-type:none;padding:0}.sidebar ul li{margin:15px 0}.sidebar ul li a{color:#fff;text-decoration:none;border-radius:6px 0 0 6px;padding:10px;display:block;transition:background .3s;display:flex;gap:10px;align-items:center}.sidebar ul li a.active,.sidebar ul li a:hover{background-color:#575757}.content{flex:1 1;padding:20px;background-color:#fff}.content h1{margin-top:0}.main-login{height:100%;align-content:center}.login{width:100%;height:100vh;justify-content:center;background-color:#fff;background-image:url(/images/stena.jpg);background-repeat:no-repeat;background-size:cover}.login,.login-container{display:flex;align-items:center}.login-container{background-color:hsla(0,0%,100%,.9);padding:20px;border-radius:6px;width:-moz-fit-content;width:fit-content;margin:auto;flex-direction:column;gap:40px}.login-container h1{text-align:center;margin-bottom:20px}.input-group{background-color:#fff;margin-bottom:25px;width:410px;display:flex;align-items:center;border:2px solid #a8aaab;border-radius:6px;padding:5px 15px 5px 5px}.input-group label{display:block;margin-bottom:5px}.input-group input{width:100%;border-radius:4px;border:none}.login-button{all:unset;cursor:pointer;margin-top:20px;width:100%;background-color:#21a038;display:flex;justify-content:center;align-items:center;color:#fff;border-radius:6px;height:40px}.login-password{all:unset;cursor:pointer}.login-span{display:inline-block;color:red;margin-top:10px}button.primary{padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:transform .3s ease}button.primary:hover{background-color:#0056b3;transform:scale(1.1)}button.cancel{width:100%;padding:10px;background-color:#d3d3d3;color:#000;border:none;border-radius:4px;cursor:pointer}button.cancel:hover{background-color:#c2c2c2}button.black{width:100%;padding:10px;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer}button.black:hover{background-color:#555}button.delete{min-width:140px;padding:10px;background-color:#f43838;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:transform .3s ease}button.delete:hover{background-color:#c62c2c;transform:scale(1.1)}body{font-family:Arial,sans-serif;background-color:#f4f4f4;margin:0}h1{color:#333}table{width:100%;border-collapse:collapse;margin-top:20px}td,th{border:1px solid #ddd;padding:8px;text-align:center}th{background-color:#333;color:#fff}tr:nth-child(2n){background-color:#f2f2f2}tr:hover{background-color:#ddd}tr{cursor:pointer}.form-container{max-width:400px;margin:0 auto;background:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.1)}h1{text-align:center}.form-groups{display:flex}.form-group{flex:0.5 1;margin-bottom:15px;padding-right:10px;padding-left:10px}.form-group input:-moz-read-only{cursor:pointer}.form-group input:read-only{cursor:pointer}.form-group-checkbox{display:flex;flex-direction:row;align-items:center;gap:10px}.form-group-checkbox .checkbox-input{font-size:20px;width:auto}label{display:block;margin-bottom:5px;font-weight:700}input{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;background-color:#fff;color:#000}input:focus{border-color:#007bff;outline:none}select{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;background-color:#fff;color:#000}select:focus{border-color:#007bff;outline:none}[data-mui-color-scheme=dark] .form-group input,[data-mui-color-scheme=dark] input{background-color:#2a2a2a;color:hsla(0,0%,100%,.87);border-color:hsla(0,0%,100%,.23)}[data-mui-color-scheme=dark] .form-group input:focus,[data-mui-color-scheme=dark] input:focus{border-color:#3d9bff;outline:none}[data-mui-color-scheme=dark] .form-group select,[data-mui-color-scheme=dark] select{background-color:#2a2a2a;color:hsla(0,0%,100%,.87);border-color:hsla(0,0%,100%,.23)}[data-mui-color-scheme=dark] .form-group select:focus,[data-mui-color-scheme=dark] select:focus{border-color:#3d9bff;outline:none}[data-mui-color-scheme=dark] .form-group label{color:hsla(0,0%,100%,.87)}.modal_container{position:absolute;display:flex;justify-content:center;align-items:center;left:0;top:0;right:0;bottom:0;z-index:999}.modal{width:500px;background-color:#fff;padding:10px;border-radius:10px;border:1px solid #333}.images-container{display:flex;flex-wrap:wrap}.upload-button-label{width:160px;height:160px;margin:0;cursor:pointer}.upload-button{display:flex;justify-content:center;align-items:center;color:#333;font-size:57px;height:100%;width:100%;border-radius:6px}.list-item-img{width:160px;height:160px;background-color:#fff;border-radius:5px}.image-remove{position:relative;display:inline-block}.remove-button{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f2f2f233;color:#000;border:none;border-radius:3px;cursor:pointer;font-size:40px}.product_actions{flex-direction:row;padding:10px}.order_header,.product_actions{display:flex;justify-content:space-between;align-items:center}.order_details{display:flex;justify-content:space-between;margin-top:28px}.table_img{height:44px}.order_items{margin-top:28px}.images_change_default_button{display:flex;align-items:center;justify-content:center}.images_change_default_button button{min-width:140px;padding:10px;background-color:#21a038;color:#fff;border:none;border-radius:9px;cursor:pointer;flex:1 1}.images_change_default_button .change_default_image_disabled{background-color:#ddd;color:#000;cursor:default}.image_container{box-shadow:0 0 1px 1px rgba(0,0,0,.2);list-style:none;border-radius:10px;padding:5px;margin:5px}.image_settings_button{position:absolute;left:5px;top:5px;border:none;background-color:transparent;cursor:pointer}.settings_container{position:absolute;top:3px;left:3px;background-color:#fff;padding:5px;border-radius:5px;display:none}.settings_list{list-style:none;line-height:10px}.settings_list{button{border:none;background-color:transparent;cursor:pointer;font-size:15px}}.image_settings_button:hover+.settings_container,.settings_container:hover{display:block}.model-upload-section{margin-top:20px}.model-upload-section h3{font-size:18px;font-weight:500;margin-bottom:15px}.model-upload-container{display:flex;flex-direction:column;gap:10px}.model-upload{width:100%;height:120px;flex-direction:column;gap:8px}.model-upload p{margin:0;font-size:14px}.model-upload small{color:#666;font-size:12px}.model-file-item{display:flex;align-items:center;padding:12px;background-color:#f5f5f5;border-radius:8px;gap:10px}.file-name{flex:1 1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{color:#666;font-size:12px;margin-right:10px}.upload-box{width:200px;height:200px;border:1px dashed #ccc;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s}.upload-box:hover{background-color:#f5f5f5}th.active{background-color:#666}.link{display:inline-block;padding:10px 15px;border-radius:5px;background-color:#333;color:#fff;transition:transform .3s ease;width:-moz-fit-content;width:fit-content}.link:hover{background-color:#666;transform:scale(1.1)}.logo{width:100%;display:flex;justify-content:center;margin-left:-20px}