html,body{font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}nav{gap:5px;display:flex}nav h2{padding-left:10px;padding-right:10px}nav a{color:#000;border:1px solid #2f4f4f;border-radius:5px;padding:20px 3px 3px;font-weight:600;text-decoration:none}nav a.active{border-width:3px}nav{background:linear-gradient(200deg,#0000 5%,#41a619b8)}table{border-collapse:collapse;background:var(--bg-surface,#fff);width:100%;color:var(--text-primary,#111);margin:1.5rem 0;font-family:inherit}table th,table td{border:1px solid var(--border,#d1d5db);text-align:left;padding:.75rem 1rem}table th{background:var(--bg-muted,#f3f4f6);font-weight:600}table th:hover{background:var(--bg-hover,#eef2ff);cursor:pointer}table th.sort-asc:after{content:" ▲";margin-right:8px;position:relative}table th.sort-desc:after{content:" ▼";margin-right:8px;position:relative}table tbody tr:nth-child(odd){background:var(--bg-alt,#fafafa)}table tbody tr:hover{background:var(--bg-hover,#eef2ff)}@media (width<=768px){table,table thead,table tbody,table th,table td,table tr{display:block}table th{position:absolute;top:-9999px;left:-9999px}table td{border:none;border-bottom:1px solid var(--border,#d1d5db);padding-left:50%;position:relative}table td:before{content:attr(data-label);white-space:nowrap;width:calc(50% - 2rem);font-weight:700;position:absolute;left:1rem}}.filter-container{flex-wrap:wrap;gap:1rem;margin-top:1rem;margin-bottom:1rem;display:flex}input,select,textarea,button{color:#000;font:inherit;background:#fff;border:1px solid #bcbcbc;border-radius:5px;padding:5px 13px;transition:border-color .14s,box-shadow .14s}input:focus,select:focus,textarea:focus,button:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 3px #4a90e22e}form{border:1px solid var(--border,#d1d5db);background:var(--bg-surface,#fff);border-radius:10px;flex-direction:column;gap:1rem;max-width:640px;margin:1.5rem 0;padding:1rem;display:flex}form>div,.form-row{flex-direction:column;gap:.4rem;display:flex}label{color:var(--text-primary,#111);font-weight:600}textarea{resize:vertical;min-height:120px}button{cursor:pointer;background:linear-gradient(#f3f4f6 0%,#e5e7eb 100%);align-self:flex-start;font-weight:600}button:hover{background:linear-gradient(#e5e7eb 0%,#d1d5db 100%)}button[type=submit]{background:linear-gradient(#41a61926 0%,#41a6194d 100%);border-color:#41a619cc}button[type=delete]{background:linear-gradient(#a6191926 0%,#a619194d 100%);border-color:#a61919cc}button[type=submit]:hover{background:linear-gradient(#41a61940 0%,#41a61966 100%)}