.head{display:flex;gap:1rem;align-items:flex-end;flex-direction:row;margin-bottom:1rem}.head h1{margin:0;font-size:4rem;font-weight:800;letter-spacing:-.05em;line-height:.95}.head .actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.head .actions button{flex:1 1 auto}table{width:100%;border-spacing:0;border-collapse:separate;color:#0f766e;font-variant-numeric:tabular-nums}table .cell-name,table .cell-price{width:.5rem;text-align:right}:is(table .cell-name,table .cell-price) *{text-align:right}table input[type=text]{min-width:5rem;font-size:.88rem;font-weight:700}table input[type=number]{min-width:5rem}table thead th{padding:.25rem .5rem;border-bottom:1px solid rgb(15 118 110 / 16%);color:#0f766eb8;text-transform:uppercase;text-align:left}table thead th:first-child{border-radius:.6rem 0 0}table thead th:last-child{border-radius:0 .6rem 0 0}table td{text-align:left;padding:.25rem .5rem;border-bottom:1px solid rgb(15 118 110 / 9%)}table tr{transition:background-color .16s ease}table tr:hover{background:#14b8a612}table tfoot tr{height:2.5rem}table tfoot td{border-bottom:0;color:#f59e0b;font-weight:800;text-transform:uppercase}table tfoot td:first-child{border-radius:0 0 0 .6rem}table tfoot td:last-child{border-radius:0 0 .6rem}@media (max-width: 48rem){.head{align-items:center}[role=status]{flex-basis:100%}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f766e;background:#f8fffc;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-height:100dvh;margin:0;padding:2rem;background:radial-gradient(circle at 8% 3%,rgb(20 184 166 / 18%),transparent 25rem),radial-gradient(circle at 95% 100%,rgb(245 158 11 / 15%),transparent 24rem),#f8fffc}#root{width:min(100%,76rem);margin:0 auto;padding-block:2rem;padding-inline:clamp(1.25rem,4vw,3rem);overflow:hidden;border:1px solid rgb(15 118 110 / 14%);border-radius:1.25rem;background:#f8fffcd1;box-shadow:0 1.25rem 3.75rem #0f766e1f;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}button,input{font:inherit}input{border:0;color:#0f766e;background:transparent;width:100%;padding:.2rem .1rem;border-bottom:1px solid transparent;border-radius:.25rem;transition:border-color .16s ease,background-color .16s ease}input::placeholder{color:#0f766e6e;opacity:1}input:hover:not(:read-only){background:#14b8a612}input:focus:not(:read-only){border-color:#14b8a6;background:#14b8a61a;outline:none}button:focus-visible,input:focus-visible{outline:3px solid rgb(245 158 11 / 55%);outline-offset:3px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{margin:0;appearance:none}input[type=checkbox]{width:1rem;height:1rem;vertical-align:-.125rem;accent-color:#14b8a6;cursor:pointer}input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}button{padding:.75rem 1rem;border:1px solid rgb(15 118 110 / 15%);border-radius:.5rem;color:#0f766e;background:#f8fffc;box-shadow:0 .2rem .5rem #0f766e14;cursor:pointer;font-size:.9rem;font-weight:750;transition:.16s ease}button:first-child{border-color:#0f766e;color:#f8fffc;background:#0f766e;box-shadow:0 .4rem 1rem #0f766e3d}button:hover:not(:disabled){color:#f8fffc;background:#14b8a6;box-shadow:0 .5rem 1rem #14b8a63d;transform:translateY(-.13rem)}button:active:not(:disabled){box-shadow:none;transform:translateY(0)}button:disabled{cursor:wait;opacity:.55}[role=status]{flex:1 1 14rem;padding:.65rem .85rem;border-left:3px solid #f59e0b;border-radius:.15rem 0rem 0rem .15rem;color:#0f766e;background:#f59e0b1a;font-size:.88rem;font-weight:600}.aligned-left{text-align:left}.aligned-right{text-align:right}.inline{display:flex;flex-direction:row;gap:.5em}.norender{display:none}@media (max-width: 48rem){body{padding:.75rem}#root{padding:1.25rem;border-radius:1rem}table{overflow-x:auto;scrollbar-color:#14b8a6 transparent;scrollbar-width:thin;display:block}}
