.create-item-button-container{position:absolute;bottom:20px;left:-80px;width:40px;height:48px;display:flex;justify-content:flex-start;align-items:center;margin:0;padding:0;border:2px var(--border-menu) solid;border-left:none;background-color:var(--background-btn-slidin);z-index:1000;cursor:default;opacity:0;transition:all .3s ease-in-out}.create-item-button-container.slide-in{transform:translate(80px);opacity:1}.create-item-button-container.slide-out{transform:translate(-80px);opacity:0}.create-item-button{position:relative;left:25px;margin:0;padding:0;border:2px var(--border-menu) solid;border-top-right-radius:50%;border-bottom-right-radius:50%;border-left:none;background:var(--background-btn-slidin);width:52px;height:52px;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}.create-item-button .icon{position:relative;top:-1px;cursor:pointer;width:48px;height:48px;fill:var(--background-svg-slidin);stroke:var(--border-menu);transition:all .3s ease-in-out}.create-item-button .icon:hover{stroke:var(--stroke-slidin-hover);filter:drop-shadow(0 0 5px var(--stroke-slidin-hover))}.toggle{display:flex;flex-direction:row;flex-wrap:nowrap;align-self:center;background-color:transparent;gap:5px}.toggle svg{width:15px;height:15px}.switch{position:relative;display:inline-block;width:30px;height:18px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#020202;transition:.4s;border:solid 1px black;border-radius:20px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:1px;background-color:#f9f9f9;transition:.4s;border-radius:50%}#toggle:checked+.slider:before{transform:translate(11px);background-color:#a9a9a9}@font-face{font-family:Daruma;src:url(/assets/DarumadropOne-Regular-dbSeGDZg.ttf) format("truetype");font-weight:400;font-style:normal}.sidebar{position:absolute;width:150px;height:100%;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:var(--background-menu);overflow:hidden;box-sizing:border-box;z-index:500;min-height:390px;transition:all .3s ease-in-out}.sidebar-company-name{font-family:Daruma,sans-serif;font-size:20pt;text-shadow:0 0 5px rgba(255,255,255,.5)}.sidebar-header{display:flex;flex-direction:column;align-items:center;padding:10px 0;box-sizing:border-box}.sidebar-logo{margin-top:10px;padding:5px;width:60px;height:auto;border:solid 3px rgb(0,0,0);border-radius:50%;background-color:var(--background-logo);box-shadow:0 0 7px 5px #00000080;transition:all .3s ease-in-out}.sidebar-welcome{margin:0;padding:10px 5px 15px;text-align:center;color:var(--text-menu);font-size:large;font-weight:500;text-overflow:ellipsis;transition:all .3s ease-in-out}.sidebar-small{font-size:10pt;font-style:italic;padding-bottom:5px}.sidebar .logout{margin:0;padding:4px 10px 4px 4px;width:110px;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .3s ease-in-out}.sidebar .logout:hover{filter:drop-shadow(0 0 5px #fd0000)}.sidebar .logout svg{width:15px;height:15px;rotate:180deg;fill:var(--text-menu);transition:all .3s ease-in-out}.sidebar .logout p{margin:0;padding:0;line-height:2}.sidebar ul{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;list-style:none;padding:10px 0;margin:0;gap:6px}.sidebar li{display:flex;width:150px;height:50px;padding-left:2px;border:none;position:relative}.sidebar a{position:relative;z-index:1;display:flex;flex-wrap:wrap;width:100%;height:100%;align-content:center;justify-content:flex-start;color:var(--text-menu);text-decoration:none;border:solid 2px transparent;border-radius:10px;padding-left:15px;transition:all .3s ease-in-out}.sidebar a span{position:relative;z-index:2}.sidebar a:before,.sidebar a:after{content:"";position:absolute;opacity:0;z-index:0}.sidebar a:before{top:-30px;right:1px;height:30px;width:30px;border-bottom-right-radius:50%;background-color:transparent;box-shadow:0 20px 0 0 var(--background-menu-active);transition:box-shadow .3s ease-in-out}.sidebar a:after{bottom:-30px;right:1px;height:30px;width:30px;border-top-right-radius:50%;background-color:transparent;box-shadow:0 -20px 0 0 var(--background-menu-active);transition:box-shadow .3s ease-in-out}.sidebar a.active{color:var(--text-menu-active);border-color:var(--border-menu-active);border-right:none;background-color:var(--background-menu-active);position:relative;cursor:default}.sidebar a.active:before,.sidebar a.active:after{opacity:1}.sidebar a:hover{color:var(--text-menu-active);background-color:var(--background-menu-active);border-color:var(--border-menu)}.sidebar a.active:hover{border-color:var(--border-menu-active)}.footer-bottom{color:var(--text-menu);font-size:x-small;text-align:center;margin-top:60px}.footer-bottom p{margin:0 0 4px}@media (max-width: 768px){.sidebar{width:100px;transition:width .3s ease-in-out}.sidebar li{width:100px}.sidebar-company-name{display:none}}@media (min-height: 640px) and (max-height: 739px){.sidebar{padding:5px}.sidebar-header{padding:0}.sidebar-logo{display:none}}@media (min-height: 568px) and (max-height: 639px){.sidebar,.sidebar-header,.sidebar-welcome{padding:5px}.sidebar-logo,.sidebar-company-name,.sidebar-small{display:none}}@media (min-height: 530px) and (max-height: 567px){.sidebar{padding:5px}.sidebar-header{flex-direction:column;justify-content:center}.sidebar .logout{width:30px}.sidebar-header,.sidebar-welcome{padding:5px}.sidebar-logo,.sidebar-company-name,.sidebar-small,.sidebar-logout{display:none}}@media (max-height: 529px){.sidebar{padding:5px}.sidebar-header{flex-direction:column;justify-content:center}.sidebar .logout{width:30px}.sidebar-header,.sidebar-welcome{padding:5px}.sidebar-logo,.sidebar-company-name,.sidebar-small,.sidebar-logout{display:none}.sidebar li{height:30px}}.auth-container{position:fixed;left:0;top:0;padding:15px;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background:linear-gradient(to right,var(--background-auth-left),var(--background-auth-right));box-sizing:border-box}.auth-card{background:var(--background-main);padding:2rem;border-radius:12px;box-shadow:0 4px 10px var(--boxshadow-main);width:80%;max-width:400px;display:flex;flex-direction:column;flex-wrap:wrap;align-content:center;justify-content:center;text-align:center;animation:fadeIn .5s ease-in-out}h2{margin-bottom:1rem;color:var(--text-main)}.auth-form{display:flex;flex-direction:column;justify-content:center;width:100%}.auth-form input{color:var(--text-auth);width:100%;padding:10px;margin-top:8px;margin-bottom:2px;border:1px solid var(--border-main);border-radius:8px;font-size:16px;transition:all .3s ease;box-sizing:border-box}.auth-form input.invalid{border-color:var(--color-alert)}.auth-form input:focus{border-color:var(--color-focus);outline:none;box-shadow:0 0 7px var(--color-focus)}.auth-form input.invalid:focus{border-color:var(--color-alert);box-shadow:0 0 5px var(--color-alert)}.auth-form .error-text{height:12px;color:var(--color-alert);font-size:10pt;font-style:italic;padding:0;margin:0}.auth-form button{padding:12px;background:var(--background-btn);color:var(--text-btn);font-size:16px;border:none;border-radius:8px;cursor:pointer;margin-top:10px;transition:background .3s ease}.auth-form button:hover{background:var(--background-btn-hover)}.auth-form button:disabled{background:var(--background-btn-disabled);cursor:not-allowed}.auth-card .bottomline{color:var(--text-main);margin-top:10px;font-size:14px}.auth-card .bottomline a{color:var(--text-auth-link);text-decoration:none;font-weight:700}.auth-card .bottomline a:hover{color:var(--text-auth-link-hover);text-decoration:underline}@media (min-width: 451px) and (max-width: 600px){.auth-container{padding:10px;overflow-y:scroll;align-items:flex-start}.auth-card{width:calc(100% - 10px);padding:1.5rem;border-radius:10px}h2{font-size:1.2rem}.auth-form input{font-size:14px;padding:8px}.auth-form button{font-size:14px;padding:10px}.auth-card .bottomline{font-size:12px}}@media (max-width: 450px){.auth-container{padding:0;overflow-y:scroll;align-items:flex-start}.auth-card{width:100%;padding:1.3rem;border-radius:10px}h2{font-size:1rem}.auth-form input{font-size:12px;padding:6px}.auth-form button{font-size:12px;padding:8px}.auth-card .bottomline{font-size:8px}}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.loading-container.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to right,var(--background-auth-left),var(--background-auth-right));z-index:9999}.loading-container.inline{padding:40px 0;background-color:transparent}.loading-container.small{padding:0;background-color:transparent}.loading-container.small .spinner{width:20px;height:20px;border-width:3px;margin-bottom:8px}.loading-container.fullscreen .loading-text{font-size:16px;color:#95a5a6;margin-top:8px}.loading-container.small .loading-text{font-size:10px;color:var(--text-main);margin-top:4px}.loading-container.inline .loading-text{font-size:16px;color:var(--text-main);margin-top:8px}.loading-logo{width:80px;height:auto;margin:20px}.spinner{width:50px;height:50px;border:6px solid var(--border-main);border-top-color:var(--color-focus);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.modal-container{position:fixed;left:0;top:0;padding:15px;display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background:linear-gradient(to right,var(--background-auth-left),var(--background-auth-right));box-sizing:border-box;overflow:auto;transition:all .3s ease-in-out}.modal-card{background:var(--background-main);padding:1rem;margin:1rem;border-radius:12px;box-shadow:0 4px 10px var(--boxshadow-main);width:80%;max-width:700px;position:absolute;display:flex;flex-direction:column;flex-wrap:wrap;align-content:center;justify-content:center;text-align:center;animation:fadeIn .5s ease-in-out;transition:all .3s ease-in-out}.modal-card h2{margin-top:0;margin-bottom:1rem;color:var(--text-main)}.modal-card h3{margin:0}.modal-card button{padding:12px;background:var(--background-btn);color:var(--text-btn);font-size:16px;border:none;border-radius:8px;cursor:pointer;margin-top:10px;transition:all .3s ease-in-out}.modal-card button:hover{background:var(--background-btn-hover)}.modal-card button:disabled{background:var(--background-btn-disabled);cursor:not-allowed}.modal-card-close{position:absolute;top:-15px;right:-15px;width:40px;height:40px;border:solid 2px white;border-radius:50%;background-color:#fff;fill:var(--color-alert);cursor:pointer;transition:all .3s ease-in-out}.modal-card-close:hover{fill:var(--color-alert-hover)}.modal-form{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;gap:10px;width:100%}.modal-form fieldset{border:none;padding:0;margin:0}.modal-form .field-label{display:flex;flex-direction:column;align-items:center;text-align:left}.modal-form .field-name{align-self:flex-start;font-style:italic;font-size:12pt;color:var(--text-main)}.modal-form input,.modal-form select,.modal-form textarea{background-color:var(--background-form);width:100%;padding:10px;margin:0;border:1px solid var(--border-main);border-radius:4px;font-size:14px;box-sizing:border-box;transition:border-color .3s,box-shadow .3s}.modal-form textarea{resize:none;height:100px}.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:var(--color-focus);box-shadow:0 0 7px var(--color-focus);outline:none;transition:all .4s ease-in-out}.modal-form input.invalid,.modal-form select.invalid{border-color:var(--color-alert)}.modal-form input.invalid:focus,.modal-form select.invalid:focus{border-color:var(--color-alert);box-shadow:0 0 8px var(--color-alert)}.modal-form .error-text{height:12px;color:var(--color-alert);font-size:10pt;font-style:italic;padding:0 0 5px;margin:0;transition:all .4s ease-in-out;opacity:0}.modal-form .error-text.visible{opacity:1}.modal-form .error-text.hidden{opacity:0}.modal-form input:disabled,.modal-form select:disabled,.modal-form textarea:disabled{background-color:var(--background-form);cursor:not-allowed}.modal-form button{padding:12px;margin:0;background:var(--background-btn);color:var(--text-btn);font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.modal-form button.small{padding:6px;text-wrap:nowrap}.modal-form button:hover{background:var(--background-btn-hover)}.modal-form button:disabled{background:var(--background-btn-disabled);cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.report-form{display:flex;flex-direction:row;gap:20px;width:100%}.input-divider{content:"";border:1px solid var(--boxshadow-main);padding:0;margin:0;transition:all .3s ease-in-out}.report-form .report-fields{width:100%}.report-form .tasks-and-parts{width:100%;display:flex;flex-direction:column;gap:10px;justify-content:flex-start}.repair-section{display:flex;flex-direction:row;margin-bottom:5px;justify-content:space-between}.repair-section select{margin:0 10px 0 0;width:60%;flex-grow:1}.repair-section input{margin:0 10px 0 0;width:20%}.repair-section button{margin:0;background-color:var(--background-btn)}.repair-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:2px;width:100%}.repair-list li{background-color:var(--background-btn-disabled);border:solid 1px var(--border-main);padding:5px;border-radius:8px;display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:space-between;cursor:default}.repair-list li p{padding:0;margin:0 5px 0 0;color:var(--text-btn);line-height:1.5}.repair-list li button{padding:0;margin:0;display:flex;align-content:center;justify-content:center;background-color:var(--color-alert);transition:background .3s ease-in-out}.repair-list li button:hover{background-color:var(--color-alert-hover)}.repair-list li button:disabled{fill:var(--background-btn-disabled)}.repair-list li button svg{width:24px;height:24px;fill:#fff;pointer-events:none}.scroll-to-top-container{position:fixed;bottom:20px;right:-80px;width:40px;height:48px;display:flex;justify-content:flex-start;align-items:center;margin:0;padding:0;border:2px var(--border-menu) solid;border-right:none;background-color:var(--background-btn-slidin);z-index:1000;cursor:default;opacity:0;transition:all .3s ease-in-out}.scroll-to-top{position:relative;left:-25px;margin:0;padding:0;border:2px var(--border-menu) solid;border-radius:50% 0 0 50%;border-right:none;background:var(--background-btn-slidin);width:52px;height:52px;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}.scroll-to-top-container.show{transform:translate(-80px);opacity:1}.scroll-to-top .icon{position:relative;top:-1px;cursor:pointer;width:50px;height:50px;fill:var(--background-svg-slidin);stroke:var(--border-menu);transition:all .3s ease-in-out}.scroll-to-top .icon:hover{stroke:var(--stroke-slidin-hover);filter:drop-shadow(0 0 5px var(--stroke-slidin-hover))}.dashboard-header{color:var(--text-main);font-size:30px;font-weight:700;background-color:var(--background-card);padding:15px;border-radius:8px;margin-bottom:15px;box-shadow:0 4px 6px var(--boxshadow-main);transition:all .3s ease-in-out}.dashboard{color:var(--text-main);display:flex;flex-direction:column;justify-content:flex-start;align-content:flex-start}.dashboard>section>h3{margin-top:0}.divider{border:1px solid var(--boxshadow-main);margin:20px 10px;transition:all .3s ease-in-out}@media (min-width: 1100px){.dashboard{display:grid;grid-template-areas:"inventory report" "divider divider" "invoices invoices";grid-template-columns:1fr 1fr;gap:1.5rem}.lowest-inventory{grid-area:inventory}.latest-reports{grid-area:report}.latest-invoices{grid-area:invoices}.divider.top{grid-area:divider;margin:0 20px}.divider.bottom{display:none}}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;background-color:var(--background-card);padding:15px;border-radius:8px;margin-bottom:15px;box-shadow:0 4px 6px var(--boxshadow-main);transition:all .3s ease-in-out}.filter-group{display:flex;flex-direction:column;flex:1}.filter-group label{font-size:14px;font-weight:600;margin-bottom:5px;color:var(--text-main)}.filter-group input,.filter-group select{padding:8px 12px;border:1px solid var(--border-main);border-radius:4px;font-size:16px;background-color:var(--background-form);outline:none;transition:all .3s ease-in-out}.filter-group input:focus,.filter-group select:focus{border-color:var(--color-focus);box-shadow:0 0 6px var(--color-focus)}.filter-group.checkbox{max-width:120px;align-self:center;justify-self:center}.list{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.card{position:relative;display:flex;flex-direction:column;flex-wrap:nowrap;width:calc(100% - 30px);justify-content:space-between;padding:15px 15px 5px;background:var(--background-card);border-radius:6px;box-shadow:0 4px 6px var(--boxshadow-main);transition:all .3s ease-in-out;cursor:pointer}.card:hover{box-shadow:0 0 12px var(--color-focus)}.card.low-inventory{box-shadow:0 0 16px var(--color-alert)}.card-content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:10px}.card-content section:nth-child(1){flex:1}.card-content section:nth-child(1) header{margin:0 0 5px;padding-bottom:5px;color:var(--text-main);font-size:18px;font-weight:600;text-align:left;border-bottom:1.5px solid var(--border-main)}.card-content section:nth-child(1) div{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.card p{position:relative;margin:5px 0;font-size:14px;color:var(--text-main)}.actions{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px}@media (max-width: 750px){.actions.hide{display:none}}.status{position:absolute;top:-10px;left:-10px}.status-icon{width:30px;height:30px}.status-icon.pending{fill:red}.status-icon.in-progress{fill:orange}.status-icon.completed{fill:green}.form-inputs{display:flex;flex-direction:column;font-weight:600;letter-spacing:2px;gap:.5rem;border:none;border-radius:5px;background-color:var(--background-main);transition:all .3s ease-in-out}.vehicles-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px}.vehicle-card{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;width:290px;padding:15px;background:var(--background-main);border:1px solid var(--border-main);border-radius:6px;box-shadow:0 2px 4px var(--boxshadow-main);transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.vehicle-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px var(--boxshadow-main)}.vehicle-card h3{margin:0 0 10px;font-size:18px}.vehicle-card p{position:relative;margin:5px 0;font-size:14px;color:var(--text-main)}.vehicle-actions{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:.5rem;justify-content:flex-end;clip-path:inset(0 0 0 100%);transition:all .4s ease-in}.vehicle-card:hover .vehicle-actions{clip-path:inset(0 0 0 0)}.form-inputs{display:flex;flex-direction:column;font-weight:600;letter-spacing:2px;gap:.5rem;border:none;border-radius:5px;background-color:var(--background-main)}.form-inputs label{font-weight:500;letter-spacing:normal}.form-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:.5rem}.invoices-header{background-color:var(--background-card);padding:15px;border-radius:8px;margin:10px 0;box-shadow:0 4px 6px #0000001a;transition:all .3s ease-in-out}.invoices{color:var(--text-main);display:flex;flex-direction:row;justify-content:flex-start;align-content:flex-start;transition:all .3s ease-in-out}.invoices-list{color:var(--text-main);display:flex;flex-direction:column;gap:10px;min-width:45%;margin-right:10px;justify-content:flex-start;align-content:flex-start}.invoices-divider{border:1px solid var(--boxshadow-main);margin:10px;transition:all .3s ease-in-out}.card-invoice{text-decoration:none;color:inherit;position:relative;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;width:96%;padding:10px 15px 5px;background:var(--background-card);border-radius:6px;box-shadow:0 4px 6px var(--boxshadow-main);transition:all .3s ease-in-out;cursor:pointer}.card-invoice:hover{box-shadow:0 0 12px var(--color-focus)}.card-invoice header{margin:0 0 5px;padding-bottom:5px;color:var(--text-main);font-size:18px;font-weight:600;text-align:left;border-bottom:1.5px solid var(--border-main);transition:all .3s ease-in-out}.card-invoice-row{display:flex;flex-direction:row;gap:5px;justify-content:space-between}.card-invoice-col{display:flex;flex-direction:column}.card-invoice p{padding:0;margin:0 0 5px}.card-invoice a{text-align:center}@media (max-width: 1050px){.invoices{flex-direction:column}}[data-theme=light]{--color-alert: red;--color-alert-hover: #c70303;--color-focus: #0056b3;--text-auth: #555;--text-auth-link: #4ca1af;--text-auth-link-hover: #37828d;--background-auth-left: #2c3e50;--background-auth-right: #4ca1af;--background-logo: white;--text-menu: white;--text-menu-active: #37828d;--border-menu: #37828d;--border-menu-active: #4ca1af;--background-menu: #4ca1af;--background-menu-active: white;--text-btn: white;--text-btn-hover: white;--background-btn: #4ca1af;--background-btn-hover: #37828d;--background-btn-disabled: #95a5a6;--background-btn-slidin: lightblue;--background-svg-slidin: white;--stroke-slidin-hover: #0056b3;--background-card: #f5f5f5;--background-card-disabled: #f8f8f8;--background-form: white;--text-main: #555;--border-main: #ddd;--background-main: white;--boxshadow-main: rgba(0, 0, 0, .2)}[data-theme=dark]{--color-alert: red;--color-alert-hover: #c70303;--color-focus: #0056b3;--text-auth: #555;--text-auth-link: #4ca1af;--text-auth-link-hover: white;--background-auth-left: #212e3b;--background-auth-right: #2a5a61;--background-logo: rgb(179, 179, 179);--text-menu: lightgrey;--text-menu-active: lightgrey;--border-menu: #555;--border-menu-active: #272727;--background-menu: #285c64;--background-menu-active: #272727;--text-btn: lightgrey;--text-btn-hover: white;--background-btn: #37828d;--background-btn-hover: #205158;--background-btn-disabled: #95a5a6;--background-btn-slidin: #95a5a6;--background-svg-slidin: lightgrey;--stroke-slidin-hover: #0056b3;--background-card: #646464;--background-card-disabled: #a8a8a8;--background-form: #a8a8a8;--text-main: lightgrey;--border-main: #ddd;--background-main: #272727;--boxshadow-main: rgba(0, 0, 0, .2)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:medium;box-sizing:border-box;cursor:default;overflow:hidden;min-height:530px;min-width:500px;margin:0;background-color:var(--background-main);transition:all .3s ease-in-out}.container{display:flex;height:100%}.left-menu{position:fixed;top:0;left:0;min-height:100%}.main{margin-left:150px;flex:1;display:flex;flex-direction:column;box-sizing:border-box;transition:all .3s ease-in-out}.content{margin-top:0;padding:20px;overflow-y:auto;max-height:95vh}@media (max-width: 768px){.main{margin-left:100px;transition:margin-left .3s ease-in-out}}.btn{margin:5px;padding:12px;background:var(--background-btn);color:var(--text-btn);font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease-in-out}.btn:hover{background:var(--background-btn-hover)}.btn:disabled{background:var(--background-btn-disabled);cursor:not-allowed}.btn-edit{padding:3px 6px;width:80px;background-color:var(--background-btn)}.btn-edit:hover{filter:drop-shadow(0 0 3px var(--background-btn-hover));background-color:var(--background-btn-hover)}.btn-delete{padding:3px 6px;width:80px;background-color:var(--background-btn)}.btn-delete:hover{filter:drop-shadow(0 0 3px var(--color-alert));background-color:var(--color-alert)}.btn-float{position:fixed;bottom:20px;left:20px;transition:filter .3s ease-in-out,background .3s ease-in-out}.button-group{display:flex;justify-content:space-between;margin-top:10px}