:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--primary:#402805;--secondary:#fffbf5;--accent:#fc7c0c;--background:var(--lightningcss-light,#fffbf5)var(--lightningcss-dark,#1d1616);--elevated-background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#2a1201);--header-background:var(--lightningcss-light,#402805)var(--lightningcss-dark,#fffbf5);--header-text:var(--lightningcss-light,#fffbf5)var(--lightningcss-dark,#402805);--primary-text:var(--lightningcss-light,#402805)var(--lightningcss-dark,#fffbf5);--secondary-text:var(--lightningcss-light,#6e5b44)var(--lightningcss-dark,#d7ccc8);--primary-accent:var(--lightningcss-light,#fc7c0c)var(--lightningcss-dark,#e67e22);--secondary-accent:var(--lightningcss-light,#f2e7e7)var(--lightningcss-dark,#3f3431);--borders:var(--lightningcss-light,#d7ccc8)var(--lightningcss-dark,#3f3431);--hero-graident-start:var(--lightningcss-light,#fc7c0c)var(--lightningcss-dark,#402805);--hero-graident-end:var(--lightningcss-light,#fffbf5)var(--lightningcss-dark,#211503);--hero-graident-text:var(--lightningcss-light,#402805)var(--lightningcss-dark,#fffbf5);--diabled-butons:var(--lightningcss-light,#e8e2d9)var(--lightningcss-dark,#332b25);--diabled-butons-text:var(--lightningcss-light,#a39689)var(--lightningcss-dark,#6e5b44);--footer:var(--lightningcss-light,#402805)var(--lightningcss-dark,#0f0a05);--footer-text:var(--lightningcss-light,#fffbf5)var(--lightningcss-dark,#a39689);--secondary-icons:var(--lightningcss-light,#6e5b44)var(--lightningcss-dark,#d7ccc8);--success:var(--lightningcss-light,#4caf50)var(--lightningcss-dark,#388e3c);--success-background:var(--lightningcss-light,#f1f7f3)var(--lightningcss-dark,#1a2e24);--error:var(--lightningcss-light,#f44336)var(--lightningcss-dark,#d32f2f);--error-background:var(--lightningcss-light,#fef2f2)var(--lightningcss-dark,#3d1a1a);--warning:var(--lightningcss-light,#ff9800)var(--lightningcss-dark,#f57c00);--warning-background:var(--lightningcss-light,#fff9eb)var(--lightningcss-dark,#2e2300);--info:var(--lightningcss-light,#2196f3)var(--lightningcss-dark,#1976d2);--info-background:var(--lightningcss-light,#e3f2fd)var(--lightningcss-dark,#2e2300)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{background:var(--background);color:var(--text);min-height:100vh;margin:0;font-family:Arial,sans-serif}header{background:var(--header-background);color:var(--header-text);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}header .logo{background-image:url(/assets/images/logo_dark.png);background-repeat:no-repeat;background-size:100px;align-items:center;min-height:100px;padding-left:100px;font-size:1.75rem;font-weight:700;display:flex}@media (prefers-color-scheme:dark){header .logo{background-image:url(/assets/images/logo_light.png)}}header .logo-container{flex-direction:row;justify-content:center;gap:.5rem;display:flex}header .logo-img{border-radius:25px;width:auto;height:100px}header .header-right{flex-direction:row;align-items:center;gap:1rem;display:flex}nav a{color:var(--header-text);margin-left:1rem;text-decoration:none}.hero{text-align:center;background:linear-gradient(to right,var(--hero-graident-start),var(--hero-graident-end));color:var(--hero-graident-text);padding:4rem 2rem}.btn-primary{background:var(--primary-accent);color:var(--primary-text);border-radius:5px;margin-top:1rem;padding:.75rem 1.5rem;text-decoration:none;display:inline-block}footer{text-align:center;background:var(--background);color:#ccc;margin-top:2rem;padding:1rem}.error-page{text-align:center;border:2px solid var(--error);color:var(--error);background-color:var(--error-background);border-radius:10px;max-width:80%;margin:2rem auto;padding:5rem 2rem;box-shadow:0 2px 6px rgba(0,0,0,.1)}.error-page h1{margin-bottom:1rem;font-size:6rem}.error-page p{margin-bottom:2rem;font-size:1.2rem}.card{background:var(--elevated-background);border-radius:8px;padding:1rem;box-shadow:0 2px 6px rgba(0,0,0,.1)}.grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:2rem;display:grid}.link-decoration-none{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{margin:1rem 0 .5rem;font-family:Segoe UI,Arial,sans-serif;font-weight:700}h1{border-bottom:3px solid var(--primary-text);color:var(--primary-text);padding-bottom:.3rem;font-size:2.5rem}h2{color:var(--primary-text);font-size:2rem}h3{color:var(--secondary-text);font-size:1.6rem}h4{color:var(--secondary-text);font-size:1.3rem;font-weight:600}h5{color:var(--primary-accent);font-size:1.1rem;font-weight:500}h6{text-transform:uppercase;color:var(--primary-accent);letter-spacing:1px;font-size:1rem;font-weight:400}table{border-collapse:collapse;background:var(--background);width:100%;margin:1.5rem 0;box-shadow:0 2px 5px rgba(0,0,0,.05)}table th,table td{text-align:left;border:1px solid #ddd;padding:.75rem 1rem}table th{background:var(--secondary-accent);color:var(--primary-text);font-weight:600}table tr:nth-child(2n){background:var(--background)}table tr:hover{background:var(--primary-accent);color:var(--primary-text)}p{color:var(--primary-text);margin:0 0 1rem;font-family:Segoe UI,Arial,sans-serif;font-size:1rem;line-height:1.6}form{padding:1rem}form>div{background:var(--background);border:2px solid var(--borders);border-radius:10px;flex-direction:column;max-width:600px;margin:auto;padding:1.5rem;display:flex;box-shadow:0 2px 6px rgba(0,0,0,.08)}input,select,textarea{width:100%;color:var(--primary-text);background:var(--background);border:1px solid #ccc;border-radius:6px;margin:.5rem 0 1rem;padding:.75rem 1rem;font-size:1rem;transition:border .3s,box-shadow .3s}input:focus,select:focus,textarea:focus{border-color:var(--primary-text);outline:none;box-shadow:0 0 6px rgba(0,80,130,.3)}label{color:var(--primary-text);margin-bottom:.4rem;font-weight:600;display:block}button{cursor:pointer;border:none;border-radius:6px;min-width:80px;margin-left:.25rem;padding:.75rem .5rem;font-size:1rem;font-weight:600;transition:background .3s,transform .2s;display:inline-block}button.primary{background:var(--primary-text);color:var(--background)}button.primary:hover{background:var(--primary-text);transform:translateY(-2px)}button.secondary{background:var(--secondary-text);color:var(--background)}button.secondary:hover{background:var(--secondary-text);transform:translateY(-2px)}button.accent{background:var(--primary-accent);color:var(--background)}button.accent:hover{background:var(--primary-accent);transform:translateY(-2px)}button:disabled{background:var(--disabled-buttons);color:var(--disabled-buttons-text);cursor:not-allowed}.button-container{text-align:center;justify-content:space-around;margin-top:1rem}.button-container>button{width:30%}.hero h2,.hero h4{color:var(--hero-graident-text)}.panel{background:var(--elevated-background);border:2px solid var(--borders);border-radius:10px;max-width:600px;margin:2rem auto auto;padding:1rem;box-shadow:0 2px 6px rgba(0,0,0,.08)}aside{background-color:var(--elevated-background);height:fit-content;padding:.5rem}aside>nav>a{padding:.5rem}main{padding-left:5px;padding-right:5px}main>div{display:block}.spinner-container{z-index:9999;background:0 0;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.popup-notice-backdrop{z-index:10000;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.popup-notice{background:var(--elevated-background);text-align:center;border-radius:10px;max-width:400px;padding:2rem;box-shadow:0 4px 12px rgba(0,0,0,.3)}.popup-close-button{background:var(--primary-accent);color:var(--primary-text);cursor:pointer;border:none;border-radius:5px;margin-top:1.5rem;padding:.5rem 1rem}.popup-close-button:hover{background:var(--primary-accent);transform:translateY(-2px)}.keep-apart{justify-content:space-between;align-items:center;display:flex}.main-grid .table-container{overflow:auto}.main-grid .table-container>table>tbody>tr>td,.main-grid .table-container>table>thead>tr>th{width:100%;min-width:600px}.main-grid .pagination-controls{justify-content:center;align-items:center;gap:5px;margin-top:10px;display:flex}.loading-spinner{justify-content:center;align-items:center}.column-container{flex-direction:row;gap:1px;display:flex}.half-width{width:50%}