/* assets/css/style.css */
:root { --brand: #8f7dff; }
*{font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;}
body{ background: radial-gradient(1600px 600px at 10% -10%, rgba(143,125,255,.08), transparent), radial-gradient(1200px 500px at 100% 0%, rgba(143,125,255,.06), transparent);}
.navbar-brand span{letter-spacing:.3px}
.card{border-radius:1rem}
.hero{background: linear-gradient(180deg, rgba(143,125,255,.15), transparent); border-bottom:1px solid rgba(255,255,255,.08)}
.badge-role{background: rgba(143,125,255,.15); color: var(--brand); border: 1px solid rgba(143,125,255,.3); padding:.35rem .6rem; border-radius:.8rem;}
.form-control, .form-select{border-radius:.8rem}
.btn-primary{background:var(--brand);border-color:var(--brand)}
.btn-outline-secondary:hover{background:rgba(255,255,255,0.06)}
.table>thead th{border-bottom:1px solid rgba(255,255,255,.1)}

/* Enhanced members list styling */
.table-members { border-radius: 1rem; overflow: hidden; }
.table-members thead th { position: sticky; top: 0; z-index: 2; background: rgba(20,20,28,.9); }
.table-members td, .table-members th { padding-top: .85rem; padding-bottom: .85rem; }
.table-members .edit-cell .btn { min-width: 120px; }
.members-toolbar { display:flex; justify-content: flex-end; gap:.5rem; margin-bottom:.5rem; }

/* Chart container fix */
.chart-wrap { position: relative; width: 100%; height: 260px; }
.chart-wrap > canvas { position: absolute; inset: 0; width: 100% !important; height: 100% !important; }

/* Rules cards spacing */
.rules-box .rule-row { padding-bottom:.5rem; border-bottom: 1px dashed rgba(255,255,255,.08); }
.rules-box .rule-row:last-child { border-bottom: 0; }

.btn-outline-danger{border-color:rgba(220,53,69,.6); color:#ff8b97;}
.btn-outline-danger:hover{background:rgba(220,53,69,.1); color:#ffb3bb; border-color:rgba(220,53,69,.8);}