*{margin:0;padding:0;box-sizing:border-box}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-moz-appearance:textfield}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--background-primary);border:1px solid #ccc;border-radius:4px;font-size:.9rem;padding:.2rem 2rem .2rem .5rem;margin-left:.3rem;width:50%;background-image:url("data:image/svg+xml;utf8,<svg fill='gray' height='14' viewBox='0 0 20 20' width='14' xmlns='http://www.w3.org/2000/svg'><path d='M7 7l3-3 3 3z'/></svg>");background-repeat:no-repeat;background-position:right .7rem center;background-size:1rem}select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 3px #007bff80;background-color:var(--background-primary)}:root{--background-primary: #f3f3f1;--background-secondary: #123148;--color-primary: #41d2ff;--color-secondary: #1e9fe4;--color-secondary-hover: #0865df;--danger: #c91407;--danger-hover: #f80303;--text-primary: #262627;--text-secondary: #4f525a}body{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:var(--background-primary);line-height:1.6;color:var(--text-primary);height:100vh}h2{font-weight:700;margin-bottom:1rem;color:var(--background-secondary)}input{display:block;border-radius:4px;font-size:1rem;padding:.3rem .7rem;border:1px solid #ccc;width:100%}button{border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;padding:.4rem .8rem;color:#fff;border:none}main{display:grid;grid-template-columns:350px 1fr}.main-aside aside{background-color:var(--background-secondary);color:#dddcdc;padding:1.15rem .8rem .8rem;display:flex;flex-direction:column;gap:2.5rem;height:100%;position:fixed}.main-aside aside h2{color:#fff}.main-aside aside p{color:#f3f3f1}.filters{display:flex;flex-direction:column}.filters-sort{margin-bottom:1rem}.summary p span{color:#fff;font-weight:600}.main-hero{padding:1rem 1.2rem;width:90%;margin:0 auto}.hero-title{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.hero-title h1{color:var(--background-secondary);font-size:2.35rem}.hero-logo{width:50px}.hero-form{background-color:#e0dede;border-radius:8px;padding:1rem 1.5rem;box-shadow:0 0 10px #0000001a;transition:all .3s ease-in-out;margin-bottom:2.2rem}.hero-form:hover{box-shadow:0 0 10px #00000060;transform:translate(-2px) scale(1.01)}.hero-add form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;font-weight:600;align-items:flex-start}.hero-form form label{display:flex;flex-direction:column;gap:.3rem}.hero-add .btn-container{width:100%;display:flex;justify-content:flex-end}.hero-form form label:first-of-type{grid-column:span 2}.hero-form .btn-container{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:.5rem}.hero-form button{background-color:var(--color-primary);height:45px;transition:background .3s}.hero-form button:hover{background-color:var(--color-secondary)}.hero-table{background-color:#e0dede;border-radius:8px;padding:1rem 1.5rem;box-shadow:0 0 10px #0000001a;transition:all .3s ease-in-out}.hero-table table{width:100%;border-collapse:collapse;font-size:.95rem}.hero-table thead{color:var(--background-secondary)}.hero-table th,.hero-table td{padding:.75rem .3rem;border:1px solid var(--text-secondary);text-align:left}.hero-table tbody tr:hover{background-color:var(--background-primary)}.hero-table .table-actions{display:flex;gap:.35rem;align-items:center;justify-content:center}.table-actions button{background-color:var(--color-secondary-hover);transition:background .3s ease-in}.table-actions button:hover{background-color:var(--color-primary)}.table-actions button:nth-child(2){background-color:var(--danger);transition:background .3s}.table-actions button:nth-child(2):hover{background-color:var(--danger-hover)}.edit-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.hero-edit-modul{width:100%;max-width:750px;background-color:#fefefe;border-radius:8px;padding:1.5rem;box-shadow:0 10px 30px #0003;z-index:1001}.btn-container-edit{margin-top:1rem}.btn-container-edit button:nth-child(2){background-color:var(--danger);transition:.3s}.btn-container-edit button:nth-child(2):hover{background-color:var(--danger-hover)}