body{margin:0}*{box-sizing:border-box}.layout{grid-template:"topbar topbar"56px"sidebar content"1fr/240px 1fr;height:100vh;display:grid}.topbar{z-index:100;background:#fff;border-bottom:1px solid #ddd;grid-area:topbar;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:12px;display:flex}.userArea{align-items:center;gap:10px;display:flex}.menuButton{display:none}.sidebar{color:#fff;background:#111827;grid-area:sidebar;padding-top:20px;padding-left:10px;overflow-y:auto}.sidebarLink{color:#cbd5e1;padding:8px 0;text-decoration:none;display:block}.sidebarLinkActive{color:#fff;font-weight:600}.navGroup{opacity:.6;margin-top:16px;font-size:16px}.login-container{justify-content:center;align-items:center;height:100vh;display:flex}.login-box{background:#fff;width:400px;padding:20px 20px 40px;box-shadow:0 2px 10px #0000001a}.layout-content{grid-area:content;padding:20px;overflow:auto}.layout-overlay{display:none}@media (width<=768px){.menuButton{display:block}.layout{grid-template-columns:1fr;grid-template-areas:"topbar""content"}.sidebar{z-index:1000;width:240px;height:calc(100vh - 56px);transition:transform .25s;position:fixed;top:56px;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.layout-overlay{z-index:999;background:#0006;display:block;position:fixed;inset:56px 0 0}}.row{flex-wrap:wrap;gap:16px;display:flex}.row>*{box-sizing:border-box;min-width:0}.col-1{flex:0 0 calc(8.333% - 14.666px)}.col-2{flex:0 0 calc(16.666% - 13.333px)}.col-3{flex:0 0 calc(25% - 12px)}.col-4{flex:0 0 calc(33.333% - 10.666px)}.col-5{flex:0 0 calc(41.666% - 9.333px)}.col-6{flex:0 0 calc(50% - 8px)}.col-7{flex:0 0 calc(58.333% - 6.666px)}.col-8{flex:0 0 calc(66.666% - 5.333px)}.col-9{flex:0 0 calc(75% - 4px)}.col-10{flex:0 0 calc(83.333% - 2.666px)}.col-11{flex:0 0 calc(91.666% - 1.333px)}.col-12{flex:0 0 100%}@media (width<=768px){.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{flex:0 0 100%}.mobile-hide{display:none}}table{border-collapse:collapse;width:100%;font-size:.95rem}th{text-align:left;color:#374151;border-bottom:2px solid #e5e7eb;padding:12px;font-weight:600}td{vertical-align:middle;border-bottom:1px solid #f1f1f1;padding:12px}tr:hover{background:#f9fafb}tr{cursor:pointer}.section{background-color:#fff;border:1px solid #ccc;margin-bottom:20px;padding:16px;box-shadow:0 4px 8px #0000001a}.menuButton{cursor:pointer;background:0 0;border:none;font-size:22px}button{cursor:pointer;border:none;padding:8px 16px}.table-wrapper{overflow-x:auto}:root{--primary-color:#111827;--secondary-color:gray}body{background:#f5f6f8;margin:0;font-family:Inter,system-ui}h1{align-items:center;gap:10px;margin-bottom:20px;font-size:28px;font-weight:500;display:flex}h2{margin-top:0;margin-bottom:10px;font-size:24px;font-weight:400}h3{margin-bottom:10px;font-size:22px;font-weight:300}p{margin-bottom:0;font-size:16px;font-weight:300}small{margin-bottom:0;font-size:12px;font-weight:300}a{color:#00008b;text-decoration:none}:is(h1:has(+small),h2:has(+small),h3:has(+small),p:has(+small)){margin-bottom:0}.primary{background-color:var(--primary-color);accent-color:var(--primary-color);color:#fff}.secondary{accent-color:gray;color:#fff;background-color:gray}.tertiary{accent-color:#000;color:#000;background-color:#fff;border:1px solid #111827}.information{accent-color:#58a2e0;color:#fff;background-color:#58a2e0}.success{accent-color:#198754;color:#fff;background-color:#198754}.error{accent-color:#dc3545;color:#fff;background-color:#dc3545}.warning{accent-color:#ffc107;color:#000;background-color:#ffc107}.dialog-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:#fff;border-radius:10px;width:500px;max-width:90%;overflow:hidden;box-shadow:0 10px 30px #0003}.dialog-header{border-bottom:1px solid #eee;padding:12px 16px;font-weight:600}.dialog-body{padding:16px}.dialog-footer{border-top:1px solid #eee;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.form-group{flex-direction:column;margin-bottom:1rem;display:flex}.form-label{margin-bottom:.5rem;display:inline-block}.form-control{color:#212529;box-sizing:border-box;background:#fff;border:1px solid #ced4da;border-radius:4px;width:100%;height:38px;padding:.375rem .75rem;font-family:inherit;font-size:1rem;transition:border-color .15s,box-shadow .15s,background-color .15s}.form-control:focus{border-color:#86b7fe;outline:none;box-shadow:0 0 0 3px #0d6efd26}.form-control:disabled{cursor:not-allowed;background:#e9ecef}.form-control::placeholder{color:#6c757d}.invalid-feedback{color:#dc3545;margin-top:.25rem;font-size:.875rem}input[type=range]{appearance:none;background:#ddd;border-radius:5px;outline:none;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary-color);cursor:pointer;border-radius:50%;width:20px;height:20px}input[type=range]::-moz-range-thumb{background:var(--primary-color);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px}textarea.form-control{resize:vertical;min-height:120px;padding-top:.75rem}select.form-control{cursor:pointer}input[type=file]::file-selector-button{background:var(--secondary-color);color:#fff;cursor:pointer;font:inherit;border:none;border-radius:5px;padding:8px 16px}input[type=file]::file-selector-button:hover{filter:brightness(90%)}.form-control.error{border-color:#dc3545}.form-control.error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc354526}.validation-message{color:#dc3545;margin-top:.35rem;font-size:.85rem}.form-check{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.form-check input[type=checkbox],.form-check input[type=radio]{cursor:pointer;width:18px;height:18px;margin:0}.form-check label{cursor:pointer;-webkit-user-select:none;user-select:none}.form-check input:disabled,.form-check input:disabled+label{opacity:.6;cursor:not-allowed}.alert{border:1px solid #0000;border-radius:4px;width:100%;margin-bottom:1rem;padding:.75rem 1rem;font-size:.95rem;line-height:1.5}.alert-error{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-information{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}