:root{--color-header-bg: #F5F6F8;--color-text: #333;--color-border: #D1D5DB;--color-action-button-bg: #3B82F6;--color-action-button-hover-bg: #2563EB;--color-action-button-text: #fff;--color-neutral-button-bg: #e9e9e9;--color-neutral-button-hover-bg: #e0e0e0;--color-status-active: #10b981;--color-status-active-rgba: rgba(16, 185, 129, .15);--color-status-disabled: #EF4444;--color-status-disabled-rgba: rgba(239, 68, 68, .15);--color-status-pending: #F59E0B;--color-status-pending-rgba: rgba(245, 158, 11, .15);--color-success: #008800;--color-success-rgba: rgba(0, 136, 0, .1);--color-error: #880000;--color-error-rgba: rgba(136, 0, 0, .1);--font-size-normal: 16px;--font-size-small: 14px;--font-size-smallest: 12px;--radius-container: 10px;--radius-element: 5px;--shadow-container: 0 0 20px rgba(0, 0, 0, .2);--padding-common: 20px;--padding-table: 10px;--padding-input: 0 10px;--height-input: 44px;--min-width-input: 100px;--transition-button: background .2s ease}body{background:#e2e2e6;font-size:var(--font-size-normal);font-family:Inter,sans-serif;padding:30px 30px 100px;color:var(--color-text)}@media(max-width:700px){body{font-size:var(--font-size-small);padding:30px 10px 100px}}@media(max-width:400px){body{font-size:var(--font-size-smallest)}}input,select{border:1px solid var(--color-border);height:var(--height-input);border-radius:var(--radius-element);padding:var(--padding-input);background-color:#fff}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;color:inherit;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:1em}button{border:none;border-radius:var(--radius-element);cursor:pointer;transition:var(--transition-button);background:var(--color-neutral-button-bg)}button:hover{background:var(--color-neutral-button-hover-bg)}button.cta{background:var(--color-action-button-bg);color:var(--color-action-button-text)}button.cta:hover{background:var(--color-action-button-hover-bg)}.table-container{margin-inline:auto;max-width:1000px;box-shadow:var(--shadow-container);border-radius:var(--radius-container);background:#fff}.table-container .title-row{padding:var(--padding-common);background:var(--color-header-bg);border-radius:var(--radius-container) var(--radius-container) 0 0;border-bottom:1px solid var(--color-border)}.table-container .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--color-border)}.table-container .table-wrapper>p{padding:var(--padding-common)}.table-container table{border-collapse:collapse;width:100%;min-width:700px}.table-container :is(th,td){padding:var(--padding-table);vertical-align:middle;border-bottom:1px solid #f0f0f0;text-align:left}.table-container th{border-color:var(--color-border)}.table-container td{background:#fff}.table-container tr :is(th:first-of-type,td:first-of-type){padding-left:var(--padding-common);position:sticky;left:0}@media(max-width:500px){.table-container tr :is(th:first-of-type,td:first-of-type){width:150px}}.table-container tr :is(th:last-of-type,td:last-of-type){padding-right:var(--padding-common)}.table-container tr.header-row th{background:var(--color-header-bg)}.table-container tr.header-row a.asc:after{content:"▲";display:inline-block}.table-container tr.header-row a.desc:after{content:"▼";display:inline-block}.table-container tr.modified td{background:#e5f3e5}.table-container tr:not(.header-row,.modified) td{transition:background .1s ease}.table-container tr:not(.header-row,.modified):hover td{background:#f9f9f9}.table-container tr :is(th,td):nth-of-type(4){text-align:center}.table-container tr :is(th,td):last-of-type{width:1px;white-space:nowrap}.table-container tr:last-of-type td{border-bottom:none}.table-container a{color:var(--color-text)}.table-container button{padding:5px 10px}.table-container button+button{margin-left:5px}.table-container span:is(.active,.pending,.disabled){display:inline-block;padding:2px 10px;border-radius:var(--radius-element);font-size:.9em}.table-container span.active{color:var(--color-status-active);background:var(--color-status-active-rgba)}.table-container span.pending{color:var(--color-status-pending);background:var(--color-status-pending-rgba)}.table-container span.disabled{color:var(--color-status-disabled);background:var(--color-status-disabled-rgba)}.toolbar{padding:var(--padding-common);display:flex;justify-content:space-between;position:sticky;top:0;background:#fff;z-index:1}@media(max-width:600px){.toolbar{flex-wrap:wrap;gap:10px;position:unset}}.toolbar form{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:600px){.toolbar form{display:grid;grid-gap:10px;grid-template-columns:minmax(0,3fr) minmax(0,2fr) minmax(0,1fr)}.toolbar form :is(input,button,select){width:100%;font-size:var(--font-size-smallest);padding:0 5px}}.toolbar button{height:var(--height-input);min-width:var(--min-width-input)}@media(max-width:600px){.toolbar button{min-width:unset}}.footer{padding:30px var(--padding-common);display:flex;justify-content:space-between;gap:20px}@media(max-width:800px){.footer{flex-wrap:wrap;justify-content:center}}.footer ul{display:inline-flex;border:1px solid var(--color-border);padding:0;border-radius:var(--radius-element);background:#fff;overflow:hidden;margin:0 20px}.footer ul li{list-style-type:none;width:30px;height:30px;line-height:30px;text-align:center}.footer ul li:not(:first-of-type){border-left:1px solid var(--color-border)}.footer ul a{display:block;text-decoration:none;transition:background .2s ease}.footer ul a:not(.on):hover{background:#f0f0f0}.footer ul a.on{pointer-events:none;background:var(--color-action-button-bg);color:#fff}.footer .info{line-height:30px}.footer .pages a.disabled{pointer-events:none;opacity:.6}@media(max-width:400px){.footer .pages>a{display:none}}dialog::backdrop{background:#00000080}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}}dialog[open]{animation:fadeIn .2s ease-out}dialog{border-radius:var(--radius-container);border:none;box-shadow:var(--shadow-container);margin:auto;padding:0;overscroll-behavior:contain}dialog :is(header,main){padding:var(--padding-common)}dialog header{background:var(--color-header-bg);position:sticky;top:0;position:relative;padding-right:50px;border-bottom:1px solid var(--color-border)}dialog header button{border:none;background:transparent;cursor:pointer;position:absolute;top:50%;right:var(--padding-common);transform:translateY(-50%);color:#666;transition:color .2s ease;padding:7px 10px 10px 7px}dialog header button:hover{color:#333}dialog main p:is(.success,.error){color:var(--color-success);padding:10px;background:var(--color-success-rgba);border-radius:var(--radius-element);margin-bottom:var(--padding-common)}dialog main p.error{color:var(--color-error);background:var(--color-error-rgba)}dialog:has(.form-container){max-width:700px;width:90%}.form-container>div{margin-bottom:20px}.form-container :is(input,select){display:block;width:100%}.form-container>div:has(>div){display:flex;justify-content:space-between}.form-container>div>div{flex-basis:calc(50% - var(--padding-common) / 2)}.form-container>div:has(button){padding-top:var(--padding-common);display:flex;justify-content:right}.form-container button{margin-left:10px;height:var(--height-input);min-width:var(--min-width-input)}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;line-height:1.5;text-rendering:optimizeLegibility}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}ol[class],ul[class]{list-style:none;padding:0}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}