:root{--bg-color: #f1f5f9;--text-color: #0f172a;--panel-bg-color: #ffffff;--panel-text-color: #111827;--muted-text-color: #475569;--table-border-color: rgba(148, 163, 184, .28);--table-header-bg: rgba(226, 232, 240, .65);--table-header-text: #1e293b;--table-surface-bg: rgba(255, 255, 255, .94);--table-row-bg: rgba(241, 245, 249, .55);--table-row-alt-bg: rgba(226, 232, 240, .5);--table-row-hover-bg: rgba(148, 163, 184, .2);--table-shadow: 0 18px 32px rgba(15, 23, 42, .06);--status-banner-shadow: 0 18px 28px rgba(15, 23, 42, .08);--status-error-bg: rgba(248, 113, 113, .18);--status-error-border: rgba(248, 113, 113, .38);--status-error-text: #b91c1c;--status-warning-bg: rgba(251, 191, 36, .16);--status-warning-border: rgba(251, 191, 36, .36);--status-warning-text: #9a3412}[data-theme=dark]{--bg-color: #020617;--text-color: #e2e8f0;--panel-bg-color: #111827;--panel-text-color: #f8fafc;--muted-text-color: #94a3b8;--table-border-color: rgba(148, 163, 184, .24);--table-header-bg: rgba(30, 41, 59, .7);--table-header-text: #e2e8f0;--table-surface-bg: rgba(15, 23, 42, .88);--table-row-bg: rgba(15, 23, 42, .6);--table-row-alt-bg: rgba(30, 41, 59, .6);--table-row-hover-bg: rgba(148, 163, 184, .22);--table-shadow: 0 18px 32px rgba(2, 6, 23, .6);--status-banner-shadow: 0 18px 28px rgba(2, 6, 23, .55);--status-error-bg: rgba(248, 113, 113, .14);--status-error-border: rgba(248, 113, 113, .3);--status-error-text: #fecaca;--status-warning-bg: rgba(251, 191, 36, .2);--status-warning-border: rgba(251, 191, 36, .38);--status-warning-text: #fcd34d}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}.app-container{width:min(100%,72rem);margin:0 auto;padding:clamp(2rem,5vw,3.5rem) clamp(1.25rem,4vw,2.5rem) clamp(3rem,6vw,4rem);display:grid;gap:clamp(1.5rem,4vw,2.5rem);color:var(--text-color);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.65}@media (min-width: 64rem){.app-container{grid-template-columns:repeat(auto-fit,minmax(28rem,1fr));align-items:start}}.form-section,.results-panel{background:var(--panel-bg-color);color:var(--panel-text-color);border-radius:1.75rem;padding:clamp(1.75rem,4vw,2.75rem);box-shadow:0 30px 45px #0f172a14;display:flex;flex-direction:column;gap:clamp(1rem,3vw,1.75rem);transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.results-panel{gap:clamp(1.25rem,3vw,2rem)}.form-section label{display:flex;flex-direction:column;gap:.5rem;font-weight:600;color:var(--muted-text-color)}.participants-field .input{max-width:12rem}.items-list{display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,1.5rem)}.item-row{display:grid;grid-template-columns:minmax(14rem,2fr) minmax(6rem,.9fr) minmax(8rem,1fr) auto;gap:clamp(.75rem,2vw,1.25rem);align-items:end;align-items:baseline}.item-row .input{width:100%}.item-row .item-remove-button{justify-self:end;align-self:center}.items-list .add-item-btn,.items-list .item-add-button{align-self:flex-start}@media (max-width: 56rem){.item-row{grid-template-columns:minmax(12rem,2fr) minmax(6rem,1fr) auto}.item-row .item-value-select{grid-column:1 / span 2}.item-row .item-remove-button{grid-column:3;grid-row:1 / span 2}.participants-field .input{max-width:100%}}@media (max-width: 40rem){.item-row{grid-template-columns:minmax(0,1fr)}.item-row .input,.item-row .item-value-select,.item-row .item-remove-button{grid-column:1 / -1}.item-row .item-remove-button{grid-row:auto;justify-self:start}}.primary-action{font-weight:600;padding-inline:2.25rem}.form-section>.btn{align-self:flex-start}.search-row{display:flex;flex-wrap:wrap;gap:.75rem}.search-row .input{flex:1 1 12rem;min-width:10rem}@media (max-width: 40rem){.search-row{flex-direction:column;align-items:stretch}.search-row .btn{width:100%}}.results-content{display:flex;flex-direction:column;gap:1.25rem}.results-heading{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;color:var(--panel-text-color)}.status-banner{padding:.9rem 1.15rem;border-radius:.9rem;font-weight:600;display:flex;align-items:center;gap:.75rem;border:1px solid transparent;box-shadow:var(--status-banner-shadow);line-height:1.45}.status-banner--error{background:var(--status-error-bg);color:var(--status-error-text);border-color:var(--status-error-border)}.status-banner--warning{background:var(--status-warning-bg);color:var(--status-warning-text);border-color:var(--status-warning-border)}.data-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:1rem;overflow:hidden;font-size:.975rem;line-height:1.5;border:1px solid var(--table-border-color);box-shadow:var(--table-shadow);background:var(--table-surface-bg)}.data-table th,.data-table td{padding:.85rem 1.05rem;text-align:left;border-bottom:1px solid var(--table-border-color)}.data-table th:not(:last-child),.data-table td:not(:last-child){border-right:1px solid var(--table-border-color)}.data-table tbody tr:last-child td{border-bottom:none}.data-table thead th{font-weight:600;background:var(--table-header-bg);color:var(--table-header-text);text-transform:uppercase;letter-spacing:.03em}.data-table tbody tr:nth-child(odd){background:var(--table-row-bg)}.data-table tbody tr:nth-child(2n){background:var(--table-row-alt-bg)}.data-table tbody tr:hover{background:var(--table-row-hover-bg)}.data-table--items{margin-top:.25rem}.results-meta{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.results-meta h4{margin:0;font-size:1.1rem;font-weight:700;color:var(--panel-text-color)}.btn,.input{padding:.5rem 1rem;border-radius:4px;font-size:1rem;height:2.5rem;box-sizing:border-box}.btn{border:none;cursor:pointer;color:var(--text-color);background:linear-gradient(135deg,#4f46e5,#3b82f6);transition:opacity .2s ease,transform .1s ease}.top-btn{width:2rem;height:2rem;padding:0;display:inline-flex;align-items:center;justify-content:center}.top-btn img{width:1.5rem;height:1.5rem}.top-bar{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;margin-bottom:0}.btn:hover{opacity:.9}.btn:active{transform:scale(.97)}.input{border:1px solid #ccc;background:var(--bg-color);color:var(--text-color);transition:border-color .2s ease,box-shadow .2s ease}.input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d;outline:none}.input-error{border-color:#ef4444;box-shadow:0 0 0 2px #ef44444d}.icon-btn{width:2.75rem;height:2.75rem;padding:.25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.875rem;background:linear-gradient(135deg,#f59e0b,#ef4444)}.icon-btn:before{content:"";width:1.25rem;height:1.25rem;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPSd3aGl0ZScgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2UtbGluZWNhcD0ncm91bmQnPjxsaW5lIHgxPScxMicgeTE9JzUnIHgyPScxMicgeTI9JzE5Jy8+PGxpbmUgeDE9JzUnIHkxPScxMicgeDI9JzE5JyB5Mj0nMTInLz48L3N2Zz4=) no-repeat center/contain}.icon-btn:hover{opacity:.9}.remove-btn{background:linear-gradient(135deg,#ef4444,#b91c1c)}.remove-btn:before{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPSd3aGl0ZScgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2UtbGluZWNhcD0ncm91bmQnPjxsaW5lIHgxPSc1JyB5MT0nMTInIHgyPScxOScgeTI9JzEyJy8+PC9zdmc+) no-repeat center/contain}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center}.modal{background:var(--bg-color);color:var(--text-color);padding:1rem;border-radius:8px;max-width:30rem}