:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;font-weight:400;line-height:1.4}*{box-sizing:border-box}body{background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);min-width:100vw;min-height:100vh;margin:0;font-size:.95rem}#root{width:100%;min-height:100vh}h1,h2{color:#0f172a;margin:0}h1{font-size:clamp(1.8rem,3vw,2.7rem)}h2{font-size:1.25rem}:root{--color-purple-50:#f3e8ff;--color-purple-100:#e9d5ff;--color-purple-300:#c084fc;--color-purple-600:#8b5cf6;--color-purple-800:#6d28d9;--color-purple-900:#4c1d95;--color-cyan-50:#ecfdf5;--color-cyan-100:#cffafe;--color-cyan-300:#67e8f9;--color-cyan-600:#06b6d4;--color-cyan-700:#0891b2;--color-cyan-900:#164e63;--color-gray-0:#fff;--color-gray-50:#f8f9fa;--color-gray-100:#f0f2f5;--color-gray-200:#e8eaed;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563}.app{min-height:100vh}.headmenu{border-bottom:1px solid var(--color-purple-300,#c084fc);z-index:20;background:#fff;justify-content:space-between;align-items:center;gap:1rem;min-height:72px;display:flex;box-shadow:0 2px 4px #00000014}.headmenu-logo-container{justify-content:center;align-items:center;width:72px;height:72px;display:flex}.headmenu-logo{object-fit:cover;border-radius:50%;width:48px;height:48px}.headmenu-menu-container{flex:1;justify-content:flex-start;align-items:center;gap:.4rem;margin-left:0;padding:.75rem 1rem;display:flex}.headmenu-button{color:var(--color-purple-800,#6d28d9);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:.55rem .9rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.headmenu-button:hover,.headmenu-button.is-active{border-color:var(--color-purple-300,#c084fc);background:var(--color-purple-50,#f3e8ff);color:var(--color-purple-900,#4c1d95)}@media (width<=700px){.headmenu{flex-direction:column;align-items:flex-start;padding:.75rem 1rem 1rem}.headmenu-menu-container{flex-wrap:wrap;padding:.25rem 0 0}}.page-shell{background:0 0;width:100%;max-width:1920px;margin:0 auto;padding:1.5rem 1.5rem 2.5rem}.page-card{width:100%;max-width:1920px;box-shadow:none;background:0 0;border:none;margin:0 auto;padding:0}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.page-description{color:#64748b;max-width:80ch;margin-top:.35rem}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--color-purple-800,#6d28d9);margin:0 0 .2rem;font-size:.74rem;font-weight:700}.page-header h2{color:var(--color-purple-900,#4c1d95)}.message{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;margin-top:1rem;padding:.75rem .9rem;font-weight:600}.message.error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.message.success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.empty-state{color:#64748b;padding:1rem 0}@media (width<=800px){.page-shell{padding:1rem 1rem 2rem}.page-header{flex-direction:column}}.page-intro{gap:1.2rem;display:grid}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.mini-card{background:0 0;border:none;padding:0}@media (width<=800px){.info-grid{grid-template-columns:1fr}}.summary-card{background:0 0;border:none;padding:0}.summary-card.compact{flex-direction:column;gap:.35rem;display:flex}.table-wrapper{border:1px solid var(--color-purple-100,#e9d5ff);overflow-x:auto}.entity-table{border-collapse:collapse;width:100%}.entity-table th,.entity-table td{border-bottom:1px solid var(--color-purple-100,#e9d5ff);text-align:left;padding:.65rem .7rem}.entity-table .table-actions{flex-wrap:wrap;gap:.4rem;display:flex}.entity-table .table-actions button{border:1px solid var(--color-purple-100,#e9d5ff);min-width:0;color:var(--color-purple-800,#6d28d9);background:#fff;padding:.35rem .6rem;font-size:.8rem}.entity-table .table-actions button:hover{background:var(--color-purple-50,#f3e8ff)}.entity-table th{text-transform:uppercase;color:var(--color-purple-800,#6d28d9);background:#fff;font-size:.78rem}.entity-table tbody tr:nth-child(2n){background:var(--color-purple-50,#f3e8ff)}.entity-table tbody tr:hover{background:var(--color-purple-100,#e9d5ff)}.empty-table-cell{color:#64748b;padding:1rem .7rem}.card-stack{gap:.75rem;display:grid}.page-split-layout{grid-template-columns:minmax(0,5fr) minmax(280px,2fr);align-items:start;gap:1rem;margin-top:1rem;display:grid}.page-split-side{flex-direction:column;gap:.75rem;display:flex}.page-split-callout{border:1px solid var(--color-purple-100,#e9d5ff);background:#fff;padding:1rem 1.05rem}.page-split-callout h3{color:var(--color-purple-900,#4c1d95);margin:0 0 .35rem;font-size:1rem}.page-split-callout p,.page-split-callout li{color:#475569;font-size:.92rem}.page-split-form-panel{border:1px solid var(--color-purple-100,#e9d5ff);background:#fff;justify-self:end;width:100%;max-width:100%;padding:1rem 1.05rem}.page-split-form-panel .form-grid{align-items:start}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem .9rem;display:grid}.form-grid>button{grid-column:1/-1;justify-self:end;margin-top:.25rem}.reward-field{flex-direction:column;grid-column:1/-1;gap:.65rem;display:flex}.reward-checkbox{color:#334155;flex-direction:row;align-items:center;gap:.45rem;font-size:.9rem;font-weight:600;display:flex}.reward-checkbox input{width:auto;margin:0}label{color:var(--color-purple-900,#4c1d95);flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:600;display:flex}input,select{border:1px solid var(--color-purple-100,#e9d5ff);color:#0f172a;background:#fff;padding:.6rem .7rem;font-size:.9rem}input:focus,select:focus{border-color:var(--color-purple-300,#c084fc);box-shadow:0 0 0 1px var(--color-purple-300,#c084fc);outline:none}input,button,select{font:inherit}button{border:1px solid var(--color-purple-300,#c084fc);color:var(--color-purple-800,#6d28d9);cursor:pointer;background:0 0;width:fit-content;padding:.6rem .9rem;font-size:.9rem;font-weight:700}button:hover{border-color:var(--color-purple-600,#8b5cf6);color:var(--color-purple-900,#4c1d95)}button:disabled{opacity:.7;cursor:wait}.mode-switcher{border:1px solid var(--color-purple-100,#e9d5ff);width:100%;margin-bottom:.75rem;display:flex;overflow:hidden}.create-action-button{border:1px solid var(--color-purple-300,#c084fc);color:var(--color-purple-800,#6d28d9);cursor:pointer;background:0 0;align-self:start;width:fit-content;margin-top:.1rem;padding:.55rem .8rem;font-size:.86rem;font-weight:700;line-height:1.2}.create-action-button:hover{border-color:var(--color-purple-600,#8b5cf6);color:var(--color-purple-900,#4c1d95)}.mode-switcher-option{border:none;border-right:1px solid var(--color-purple-100,#e9d5ff);width:100%;color:var(--color-purple-800,#6d28d9);background:#fff;flex:1 1 0;justify-content:center;align-items:center;padding:.7rem .75rem;font-size:.9rem;font-weight:700;text-decoration:none;display:flex}.mode-switcher-option:last-child{border-right:none}.mode-switcher-option.active{background:var(--color-purple-50,#f3e8ff);color:var(--color-purple-900,#4c1d95)}@media (width<=900px){.page-split-layout{grid-template-columns:1fr}}@media (width<=800px){.form-grid{grid-template-columns:1fr}}.modal-overlay{z-index:1000;background:#0f172a33;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-panel{border:1px solid var(--color-purple-100,#e9d5ff);background:#fff;width:min(100%,720px);max-height:min(90vh,860px);padding:1.15rem 1.2rem;overflow-y:auto;box-shadow:0 18px 60px #0f172a29}.modal-title{color:var(--color-purple-900,#4c1d95);margin:0 0 .25rem;font-size:1.1rem}.modal-description{color:#64748b;margin:0;font-size:.95rem}.modal-body{margin-top:.9rem}.modal-detail-grid{gap:.7rem;display:grid}.modal-detail-item{border:1px solid var(--color-purple-100,#e9d5ff);background:#fcfbff;padding:.7rem .8rem}.modal-detail-item strong{color:var(--color-purple-900,#4c1d95);margin-bottom:.2rem;display:block}.modal-actions{justify-content:flex-end;align-items:center;gap:.55rem;margin-top:1rem;display:flex}.modal-actions button{align-self:center}.modal-actions .secondary{border-color:var(--color-purple-100,#e9d5ff);color:#64748b}.modal-actions .danger{color:#be123c;border-color:#fda4af}.modal-actions .danger:hover{color:#9f1239;background:#fff1f2}