:root{--el-bg:#f7f7f5;--el-fg:#1c1c1a;--el-border:#dcdcd6;--el-accent:#234e70;--el-muted:#6b6b64}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--el-bg);color:var(--el-fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--el-accent)}.el-page{max-width:860px;margin:0 auto;padding:2rem 1.25rem 4rem;overflow-x:hidden}.el-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.el-table-scroll .el-table{min-width:32rem}.el-card{background:#fff;border:1px solid var(--el-border);border-radius:10px;padding:1.5rem;margin-bottom:1.25rem}.el-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.el-header h1{font-size:1.4rem;margin:0}.el-field{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--el-border)}.el-field:last-child{border-bottom:none}.el-field-label{color:var(--el-muted);font-size:.9rem}.el-badge,.el-field-value{font-weight:600}.el-badge{display:inline-block;background:var(--el-accent);color:#fff;border-radius:999px;padding:.15rem .65rem;font-size:.8rem}.el-btn{border:1px solid var(--el-border);background:#fff;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer}.el-btn:hover{background:var(--el-bg)}.el-error{color:#a3221f;background:#fdecec;border:1px solid #f3c8c6;border-radius:8px;padding:.75rem 1rem}.el-muted{color:var(--el-muted);font-size:.9rem}.el-header-right{gap:.75rem}.el-header-right,.el-whoami{display:flex;align-items:center}.el-whoami{gap:.5rem;font-size:.9rem;color:var(--el-muted)}.el-whoami-link{color:inherit;text-decoration:none;font-weight:600}.el-whoami-link:hover{color:var(--el-accent);text-decoration:underline}.el-nav{display:flex;gap:.25rem;margin-bottom:1.5rem;border-bottom:1px solid var(--el-border)}.el-nav-link{display:inline-block;padding:.6rem .9rem;color:var(--el-fg);text-decoration:none;font-size:.9rem;font-weight:500;border-bottom:2px solid transparent}.el-nav-link-active,.el-nav-link:hover{color:var(--el-accent)}.el-nav-link-active{border-bottom-color:var(--el-accent)}.el-section-title{font-size:1.1rem;margin:0 0 1rem}.el-table{width:100%;border-collapse:collapse;font-size:.92rem}.el-table td,.el-table th{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--el-border)}.el-table th{color:var(--el-muted);font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.02em}.el-table tr:last-child td{border-bottom:none}.el-table tbody tr:nth-child(2n){background:rgba(47,95,163,.035)}.el-badge-muted{display:inline-block;background:var(--el-border);color:var(--el-fg);border-radius:999px;padding:.15rem .65rem;font-size:.8rem;font-weight:600}.el-badge-success{background:#1f7a3f}.el-badge-success,.el-badge-warn{display:inline-block;color:#fff;border-radius:999px;padding:.15rem .65rem;font-size:.8rem;font-weight:600}.el-badge-warn{background:#a3221f}.el-badge-info{background:#2f5fa3}.el-badge-cat-rent,.el-badge-info{display:inline-block;color:#fff;border-radius:999px;padding:.15rem .65rem;font-size:.8rem;font-weight:600}.el-badge-cat-rent{background:#6d4c9c}.el-badge-cat-food{background:#b3691d}.el-badge-cat-food,.el-badge-cat-supplies{display:inline-block;color:#fff;border-radius:999px;padding:.15rem .65rem;font-size:.8rem;font-weight:600}.el-badge-cat-supplies{background:#1f6f9c}.el-badge-cat-charity{background:#1f7a3f}.el-badge-cat-charity,.el-badge-cat-other{display:inline-block;color:#fff;border-radius:999px;padding:.15rem .65rem;font-size:.8rem;font-weight:600}.el-badge-cat-other{background:#595f6b}.el-actions-cell{width:1%;white-space:nowrap;text-align:right}.el-kebab{position:relative;display:inline-block}.el-kebab-btn{min-width:2rem;font-size:1.1rem;line-height:1}.el-kebab-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:30}.el-kebab-menu,.el-kebab-menu-fixed{min-width:11rem;padding:.25rem;background:#fff;border:1px solid var(--el-border);border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.12);display:flex;flex-direction:column}.el-kebab-menu-fixed{position:fixed;z-index:1000}.el-kebab-item{text-align:left;background:none;border:none;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:.9rem;color:var(--el-fg)}.el-kebab-item:hover{background:var(--el-bg)}.el-kebab-item-danger{color:#a3221f}.el-checkbox-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;cursor:pointer}.el-form{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.el-form-field{display:flex;flex-direction:column;gap:.3rem}.el-form-field label{font-size:.8rem;color:var(--el-muted)}.el-input,.el-select{border:1px solid var(--el-border);border-radius:6px;padding:.45rem .6rem;font-size:.9rem;background:#fff;color:var(--el-fg);font-family:inherit}.el-btn-primary{border:1px solid var(--el-accent);background:var(--el-accent);color:#fff;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer}.el-btn-primary:hover{opacity:.92}.el-btn-primary:disabled,.el-btn:disabled{opacity:.5;cursor:not-allowed}.el-btn-sm{border:1px solid var(--el-border);background:#fff;border-radius:6px;padding:.3rem .65rem;font-size:.82rem;cursor:pointer}.el-btn-sm:hover{background:var(--el-bg)}.el-btn-sm-primary{border:1px solid var(--el-accent);background:var(--el-accent);color:#fff;border-radius:6px;padding:.3rem .65rem;font-size:.82rem;cursor:pointer}.el-btn-sm-primary:hover{opacity:.92}.el-btn-sm-primary:disabled{opacity:.5;cursor:not-allowed}.el-btn-danger{border:1px solid #d33;background:#fff;color:#c0392b;border-radius:6px;padding:.3rem .65rem;font-size:.82rem;cursor:pointer}.el-btn-danger:hover{background:#fdecea}.el-btn-danger:disabled{opacity:.5;cursor:not-allowed}.el-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.el-file-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.el-file-label{display:inline-flex;align-items:center;border:1px solid var(--el-border);background:#fff;border-radius:6px;padding:.45rem .9rem;font-size:.85rem;cursor:pointer}.el-file-label:hover{background:var(--el-bg)}.el-file-label[aria-disabled=true]{opacity:.5;cursor:not-allowed}.el-file-name{font-size:.85rem;color:var(--el-muted)}.el-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.25rem}.el-tile{background:#fff;border:1px solid var(--el-border);border-radius:10px;padding:1rem 1.25rem}.el-tile-label{color:var(--el-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.02em}.el-tile-value{font-size:1.5rem;font-weight:700;margin-top:.25rem}.el-row{display:flex;gap:.5rem;align-items:center}.el-success{color:#1f7a3f;background:#eaf7ee;border:1px solid #c8e9d1;border-radius:8px;padding:.75rem 1rem}.el-chart-title{font-size:.95rem;font-weight:600;margin:0 0 .15rem}.el-chart-subtitle{color:var(--el-muted);font-size:.82rem;margin:0 0 .9rem}.el-chart-scroll{overflow-x:auto}.el-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.25rem;gap:1.25rem}.el-tile-sub{color:var(--el-muted);font-size:.78rem;margin-top:.2rem}.el-carousel{border:1px solid var(--el-border);border-radius:10px;overflow:hidden}.el-carousel-stage{display:flex;align-items:center;justify-content:center;background:var(--el-bg);padding:1rem;min-height:220px}.el-carousel-img{max-width:100%;max-height:460px;object-fit:contain;background:#fff;border:1px solid var(--el-border);border-radius:6px}.el-carousel-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;border-top:1px solid var(--el-border);flex-wrap:wrap}.el-carousel-caption{font-size:.85rem;color:var(--el-muted);text-align:center;flex:1 1 auto}.el-officer-layout{display:flex;gap:1.25rem;flex-wrap:wrap;align-items:flex-start}.el-officer-plan-col{flex:1 1 340px;min-width:300px}.el-officer-roster{flex:0 0 220px;max-width:240px}.el-officer-roster-hint{font-size:.8rem;color:var(--el-muted);margin:0 0 .6rem}.el-officer-chips{display:flex;flex-direction:column;gap:.4rem;max-height:620px;overflow-y:auto}.el-officer-chip{border:1px solid var(--el-border);background:#fff;border-radius:8px;padding:.4rem .6rem;font-size:.85rem;cursor:-webkit-grab;cursor:grab;touch-action:none;display:flex;flex-direction:column;gap:.1rem}.el-officer-chip:hover{border-color:var(--el-accent)}.el-officer-chip-sub{font-size:.72rem;color:var(--el-muted)}.el-officer-chip.held .el-officer-chip-sub{color:var(--el-accent)}.el-officer-plan{position:relative;width:100%;max-width:620px;margin:0 auto;aspect-ratio:1000/1270;container-type:inline-size}.el-officer-plan-bg{position:absolute;inset:0;width:100%;height:100%}.el-officer-slot{position:absolute;transform:translate(-50%,-50%);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:6.5cqi;padding:2px 4px;border:1.5px solid var(--el-accent);background:#fff;border-radius:6px;text-align:center;line-height:1.05;overflow:hidden}.el-officer-slot.clickable{cursor:pointer}.el-officer-slot-office{font-size:clamp(7px,1.9cqi,11px);color:var(--el-muted)}.el-officer-slot-name,.el-officer-slot-office{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-officer-slot-name{font-size:clamp(8px,2.2cqi,12px);font-weight:700;color:var(--el-accent)}.el-officer-slot.filled{background:var(--el-accent);border-color:var(--el-accent)}.el-officer-slot.filled .el-officer-slot-office{color:hsla(0,0%,100%,.75)}.el-officer-slot.filled .el-officer-slot-name{color:#fff}.el-officer-slot.vacant{border-style:dashed;border-color:#c9c9c2}.el-officer-slot.vacant .el-officer-slot-name{color:#a9a9a1;font-weight:600}.el-officer-slot.rotation{border-style:dashed}.el-officer-slot.rotation .el-officer-slot-name{color:#b3691d}.el-officer-slot.over{box-shadow:0 0 0 3px rgba(35,78,112,.4);border-color:var(--el-accent)}.el-officer-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;padding:1rem}.el-officer-dialog{background:#fff;border-radius:10px;border:1px solid var(--el-border);width:100%;max-width:380px;max-height:80vh;display:flex;flex-direction:column;padding:1rem}.el-officer-dialog h3{margin:0 0 .25rem;font-size:1rem}.el-officer-dialog-current{font-size:.82rem;color:var(--el-muted);margin:0 0 .75rem}.el-officer-memberlist{overflow-y:auto;display:flex;flex-direction:column;gap:.25rem;margin:.5rem 0}.el-officer-memberlist button{text-align:left;background:none;border:1px solid transparent;border-radius:6px;padding:.45rem .6rem;font-size:.9rem;cursor:pointer;color:var(--el-fg)}.el-officer-memberlist button:hover{background:var(--el-bg);border-color:var(--el-border)}.el-officer-dialog-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--el-border)}