@charset "UTF-8";:root{--pp-primary: #4f46e5;--pp-primary-dark: #4338ca;--pp-primary-light: #eef2ff;--pp-accent: #0ea5e9;--pp-success: #16a34a;--pp-success-light: #dcfce7;--pp-danger: #dc2626;--pp-danger-light: #fee2e2;--pp-warning: #d97706;--pp-warning-light: #fef3c7;--pp-info: #0284c7;--pp-info-light: #e0f2fe;--pp-bg: #f4f6fb;--pp-surface: #ffffff;--pp-border: #e5e7eb;--pp-text: #111827;--pp-text-muted: #6b7280;--pp-text-soft: #9ca3af;--pp-sidebar-bg: #111c3a;--pp-sidebar-text: #c7d0e4;--pp-sidebar-active: #4f46e5;--pp-radius: 12px;--pp-radius-sm: 8px;--pp-shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--pp-shadow: 0 4px 16px rgba(16, 24, 40, .08);--pp-shadow-lg: 0 12px 40px rgba(16, 24, 40, .16);--pp-font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--pp-font);background:var(--pp-bg);color:var(--pp-text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:600;color:var(--pp-text)}a{color:var(--pp-primary);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--pp-radius-sm);padding:9px 16px;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--pp-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--pp-primary-dark)}.btn-secondary{background:#fff;color:var(--pp-text);border-color:var(--pp-border)}.btn-secondary:hover:not(:disabled){background:#f9fafb}.btn-danger{background:var(--pp-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-ghost{background:transparent;color:var(--pp-text-muted);padding:6px 10px}.btn-ghost:hover:not(:disabled){background:#f3f4f6;color:var(--pp-text)}.btn-sm{padding:6px 12px;font-size:13px}.btn-block{width:100%}.card{background:var(--pp-surface);border:1px solid var(--pp-border);border-radius:var(--pp-radius);box-shadow:var(--pp-shadow-sm)}.card-body{padding:20px}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:6px;font-weight:500;font-size:13px;color:var(--pp-text)}.form-control{width:100%;padding:10px 12px;border:1px solid var(--pp-border);border-radius:var(--pp-radius-sm);font-size:14px;font-family:inherit;color:var(--pp-text);background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.form-control:focus{outline:none;border-color:var(--pp-primary);box-shadow:0 0 0 3px var(--pp-primary-light)}.form-control.is-invalid{border-color:var(--pp-danger)}.form-control.is-invalid:focus{box-shadow:0 0 0 3px var(--pp-danger-light)}.form-error{color:var(--pp-danger);font-size:12px;margin-top:4px}.form-hint{color:var(--pp-text-muted);font-size:12px;margin-top:4px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em}.badge-admin{background:#ede9fe;color:#6d28d9}.badge-office{background:var(--pp-info-light);color:var(--pp-info)}.badge-volunteer{background:var(--pp-success-light);color:var(--pp-success)}.badge-neutral{background:#f3f4f6;color:var(--pp-text-muted)}.badge-success{background:var(--pp-success-light);color:var(--pp-success)}.badge-danger{background:var(--pp-danger-light);color:var(--pp-danger)}.table-wrap{overflow-x:auto}table.data-table{width:100%;border-collapse:collapse;font-size:14px}table.data-table thead th{text-align:left;padding:12px 16px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--pp-text-muted);border-bottom:1px solid var(--pp-border);background:#fafbfc;white-space:nowrap}table.data-table tbody td{padding:14px 16px;border-bottom:1px solid var(--pp-border);vertical-align:middle}table.data-table tbody tr:hover{background:#f9fafb}table.data-table tbody tr:last-child td{border-bottom:none}@media(max-width:640px){table.data-table.cards-sm{display:block}table.data-table.cards-sm thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}table.data-table.cards-sm tbody,table.data-table.cards-sm tbody tr,table.data-table.cards-sm tbody td{display:block;width:100%}table.data-table.cards-sm tbody tr{border:1px solid var(--pp-border);border-radius:var(--pp-radius, 10px);padding:6px 4px;margin-bottom:12px;background:#fff}table.data-table.cards-sm tbody tr:hover{background:#fff}table.data-table.cards-sm tbody td{display:flex;gap:12px;align-items:baseline;justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--pp-border);text-align:right}table.data-table.cards-sm tbody tr td:last-child{border-bottom:none}table.data-table.cards-sm tbody td:before{content:attr(data-label);flex:0 0 auto;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--pp-text-muted);text-align:left}table.data-table.cards-sm tbody td.cell-block{flex-direction:column;align-items:stretch;text-align:left}table.data-table.cards-sm tbody td.cell-block .row-actions,table.data-table.cards-sm tbody td.cell-block .ops-chips,table.data-table.cards-sm tbody td.cell-block .role-tags{justify-content:flex-start;flex-wrap:wrap}table.data-table.cards-sm tbody td.empty-state{display:block;text-align:center}table.data-table.cards-sm tbody td.empty-state:before{content:none}}.text-muted{color:var(--pp-text-muted)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.mt-2{margin-top:8px}.spin{animation:pp-spin .8s linear infinite}@keyframes pp-spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:48px 20px;color:var(--pp-text-muted)}.page-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-bottom:16px}.page-actions:empty{display:none}