*,::after,::before{box-sizing:border-box}:is(input,textarea,button,select){font-family:inherit}:root{--shade-bluegray-medium:rgb(22 54 70 / 14%);--shade-black-medium:rgb(4 8 12 / 15%);--shadow-button:0 0 8px -1px var(--shade-bluegray-medium);--shadow-panel:1px 1px 2px 1px var(--shade-black-medium);--blue-10p:#cce1f1;--blue-20p:#b0c7d9;--blue-60x:#0054e3;--blue-70x:#003bba;--blue-70:#2c4f67;--green-05:#d8f7d8;--green-60x:#007600;--green-70x:#005b00;--pink-05:#ffdfec;--pink-30b:#f280a6;--red-60x:#c80000;--red-70x:#a10000;--whitest:#f9fcfe;--blackest:#0e0e10;--gray-10:#d2d8dc;--neutral-50:#777777;--neutral-30:#a9a9a9;--neutral-20:#c3c3c3}.data-table-container{min-width:900px;box-shadow:var(--shadow-panel);border-radius:.5rem;max-width:75rem}.data-table-menu{background-color:var(--blue-70);color:var(--whitest);border-bottom:none;border-radius:.5rem .5rem 0 0;overflow:hidden;padding:.5rem 1rem}.data-table-menu .row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}.data-table-menu h1{color:var(--whitest);font-size:1.5rem;margin:0;margin-bottom:.5rem}.data-table-menu button,.data-table-menu input,.data-table-menu select{margin-block:0;font-size:1rem;font-weight:600;padding:.5rem;border:0;border-radius:.5rem}.data-table-menu button,.data-table-menu input[type=button],.data-table-menu label,.data-table-menu select{cursor:pointer}.data-table-menu label{line-height:normal;display:flex}.data-table-menu select{height:35px;padding:7px .5rem}.data-table-menu .radio-group{display:flex;flex-direction:row;align-items:center;justify-content:right;gap:.5rem}.data-table-menu input.search{border-top-right-radius:0;border-bottom-right-radius:0;width:24rem}.data-table-menu input.search:active,.data-table-menu input.search:focus,.data-table-menu input.search:hover{outline:0}.data-table-menu button{color:var(--whitest);cursor:pointer}.data-table-menu button:hover{box-shadow:var(--shadow-button)}.data-table-menu button.search{border-top-left-radius:0;border-bottom-left-radius:0;background-color:var(--blue-60x)}.data-table-menu button.search:hover{background-color:var(--blue-70x)}.data-table-menu button.add{background-color:var(--green-60x)}.data-table-menu button.add:hover{background-color:var(--green-70x)}.data-table{border-collapse:collapse;background-color:var(--whitest);width:100%;color:var(--blackest)}.data-table td,.data-table th{padding:.5rem .75rem;height:2.25rem;border-bottom:1px solid var(--blue-10p)}.data-table th{background-color:var(--blue-20p);font-weight:700;text-align:left;white-space:nowrap;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.data-table td.edit{padding:.0625rem .125rem;vertical-align:top}.data-table td input[type=date],.data-table td input[type=number],.data-table td input[type=text]{margin:0;padding:.125rem .25rem;width:100%;height:32px}.data-table td input[type=date]{font-family:var(--font-mono, monospace);font-size:.875rem}.data-table td input.valid:focus{background-color:var(--green-05)}.data-table td :is(input[type=text],input[type=date],input[type=number] ):not(:focus).invalid{background-color:var(--pink-05);border-color:var(--pink-30b)}.data-table tr:hover{background-color:var(--blue-20p)}.data-table th.sortable{position:relative;cursor:pointer}.data-table th.sortable::before{content:'▲';bottom:45%;right:1rem;position:absolute;opacity:.25}.data-table th.sortable::after{content:'▼';top:45%;right:1rem;position:absolute;opacity:.25}.data-table th.sort-asc::before{content:'▲';bottom:45%;right:1rem;position:absolute;opacity:1}.data-table th.sort-desc::after{content:'▼';top:45%;right:1rem;position:absolute;opacity:1}.data-table div.action{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;width:100%;gap:.5rem}.data-table button{margin-block:0;padding:0;font-size:1rem;font-weight:600;background:unset;box-shadow:unset;cursor:pointer;border:none}.data-table button.edit,.data-table button.save{color:var(--blue-60x)}.data-table button.edit:hover,.data-table button.save:hover{color:var(--blue-70x);text-decoration:underline}.data-table button.cancel,.data-table button.delete{color:var(--red-60x)}.data-table button.cancel:hover,.data-table button.delete:hover{color:var(--red-70x);text-decoration:underline}.data-table-footer{display:flex;align-items:center;justify-content:space-between;padding:.25rem 2rem;background-color:var(--whitest);border-top:none;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;color:var(--blackest)}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:2rem}.pagination-controls button{margin-block:0;font-size:1rem;padding:.5rem .5rem;background-color:var(--whitest);border:1px solid var(--gray-10);border-radius:.5rem;cursor:pointer;font-weight:600;letter-spacing:-.01em}.pagination-controls button:hover{box-shadow:var(--shadow-button)}.pagination-controls button:disabled{color:var(--neutral-50)!important;background:var(--neutral-20)!important;background-blend-mode:normal;border-color:var(--neutral-30)!important;cursor:not-allowed!important}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.data-table.loading{position:relative}.data-table.loading::before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:rgba(255,255,255,.5);z-index:10;animation:.6s ease .4s fadeIn;animation-fill-mode:forwards}.data-table.loading::after{content:'';display:block;position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);z-index:20;margin:auto;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #3498db;width:40px;height:40px;opacity:0;animation-name:spin,fadeIn;animation-duration:.8s,.6s;animation-timing-function:linear,ease;animation-iteration-count:infinite,1;animation-delay:.4s;animation-fill-mode:forwards}.data-table-modal{border-radius:.5rem;box-shadow:var(--shadow-panel);padding:0;border:1px solid var(--gray-10);min-width:24rem}.data-table-modal-content{padding:1rem;border-top:1px solid var(--gray-10);border-bottom:1px solid var(--gray-10);display:flex;align-items:center;justify-content:center}.data-table-modal-content *{display:block}.data-table-modal-content .checkbox{display:flex;flex-direction:row;gap:.25rem}.data-table-modal-content form>*+*{margin-top:1rem}.data-table-modal-header{padding:0 1rem;display:flex;justify-content:start;align-items:center;height:3rem}.data-table-modal-header h2{padding:0;margin:0}.data-table-modal-footer{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;height:3rem}.data-table-modal button{margin-block:0;font-size:1rem;padding:.5rem .5rem;border:1px solid var(--gray-10);border-radius:.5rem;cursor:pointer}.data-table-modal button.save{color:var(--whitest);background-color:var(--blue-60x)}.data-table-modal button.cancel{color:var(--whitest);background-color:var(--red-60x)}.data-table-modal button:hover{box-shadow:var(--shadow-button)}.data-table-modal button.save:hover{background-color:var(--blue-70x)}.data-table-modal button.cancel:hover{background-color:var(--red-70x)}