:root{--font-family-base: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .85rem;--font-size-md: .9rem;--font-size-lg: .97rem;--font-size-xl: 1.05rem;--font-size-2xl: 1.15rem;--font-size-3xl: 1.35rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-card: 0 2px 8px rgba(0, 0, 0, .08);--card-bg: #ffffff;--card-border: 1px solid rgba(0, 0, 0, .06);--card-radius: var(--radius-xl);--card-shadow: var(--shadow-card);--card-padding: var(--space-5);--card-padding-sm: var(--space-3);--card-header-bg: transparent;--card-header-border: 1px solid rgba(0, 0, 0, .06);--table-th-bg: #f8fafc;--table-th-color: #64748b;--table-th-font-size: var(--font-size-xs);--table-th-weight: var(--font-weight-semibold);--table-th-padding: var(--space-3) var(--space-4);--table-td-padding: var(--space-3) var(--space-4);--table-td-font-size: var(--font-size-sm);--table-border-color: rgba(0, 0, 0, .05);--table-stripe-bg: rgba(0, 0, 0, .015);--table-hover-bg: rgba(0, 0, 0, .025);--table-radius: var(--radius-lg);--color-primary: #059669;--color-primary-dark: #065f46;--color-primary-light: #d1fae5;--color-secondary: #0ea5e9;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--role-admin-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--role-admin-color: #667eea;--role-admin-shadow: rgba(102, 126, 234, .4);--role-officer-gradient: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--role-officer-color: #43e97b;--role-officer-shadow: rgba(67, 233, 123, .4);--role-member-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--role-member-color: #4facfe;--role-member-shadow: rgba(79, 172, 254, .4);--alert-success-bg: #f0fdf4;--alert-success-border: #86efac;--alert-success-color: #166534;--alert-error-bg: #fef2f2;--alert-error-border: #fca5a5;--alert-error-color: #991b1b;--alert-info-bg: #eff6ff;--alert-info-border: #93c5fd;--alert-info-color: #1e40af;--alert-warning-bg: #fffbeb;--alert-warning-border: #fcd34d;--alert-warning-color: #92400e;--alert-radius: var(--radius-lg);--alert-padding: var(--space-4);--alert-font-size: var(--font-size-sm);--badge-radius: var(--radius-full);--badge-padding: .2em .65em;--badge-font-size: var(--font-size-xs);--badge-font-weight: var(--font-weight-semibold);--btn-radius: var(--radius-lg);--btn-font-size: var(--font-size-sm);--btn-font-weight: var(--font-weight-semibold);--btn-padding-y: var(--space-2);--btn-padding-x: var(--space-4);--btn-padding-sm-y: var(--space-1);--btn-padding-sm-x: var(--space-3);--btn-transition: all .2s ease;--input-radius: var(--radius-lg);--input-border: 1px solid #e2e8f0;--input-focus-border: #059669;--input-bg: #ffffff;--input-font-size: var(--font-size-sm);--input-padding-y: var(--space-2);--input-padding-x: var(--space-3);--content-padding: var(--space-6);--content-padding-sm: var(--space-4);--page-bg: #f8fafc}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);background:var(--page-bg)}.card{background:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.card-body{padding:var(--card-padding)}.card-header{background:var(--card-header-bg);border-bottom:var(--card-header-border);padding:var(--card-padding-sm) var(--card-padding);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.card-footer{background:var(--card-header-bg);border-top:var(--card-header-border);padding:var(--card-padding-sm) var(--card-padding)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.card-subtitle{font-size:var(--font-size-sm);color:#64748b}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.table thead th{background:var(--table-th-bg);color:var(--table-th-color);font-size:var(--table-th-font-size);font-weight:var(--table-th-weight);padding:var(--table-th-padding);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--table-border-color)}.table tbody td{font-size:var(--table-td-font-size);padding:var(--table-td-padding);border-bottom:1px solid var(--table-border-color);vertical-align:middle}.table tbody tr:nth-child(2n){background:var(--table-stripe-bg)}.table tbody tr:hover{background:var(--table-hover-bg)}.table-container{border-radius:var(--table-radius);overflow:hidden;box-shadow:var(--shadow-sm)}.btn{border-radius:var(--btn-radius)!important;font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);padding:var(--btn-padding-y) var(--btn-padding-x);transition:var(--btn-transition)}.btn-sm{padding:var(--btn-padding-sm-y) var(--btn-padding-sm-x)}.btn-primary{background:var(--color-primary)!important;border-color:var(--color-primary)!important}.btn-primary:hover{background:var(--color-primary-dark)!important;border-color:var(--color-primary-dark)!important}.badge{border-radius:var(--badge-radius);padding:var(--badge-padding);font-size:var(--badge-font-size);font-weight:var(--badge-font-weight)}.menu-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--color-danger);color:#fff;font-size:11px;font-weight:700}.form-control,.form-select{border-radius:var(--input-radius)!important;border:var(--input-border);background:var(--input-bg);font-size:var(--input-font-size);padding:var(--input-padding-y) var(--input-padding-x)}.form-control:focus,.form-select:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 3px #05966926}.flash-success,.flash-error,.flash-info,.flash-warning{border-radius:var(--alert-radius);padding:var(--alert-padding);font-size:var(--alert-font-size);margin-bottom:var(--space-4)}.flash-success{background:var(--alert-success-bg);border-left:4px solid var(--alert-success-border);color:var(--alert-success-color)}.flash-error{background:var(--alert-error-bg);border-left:4px solid var(--alert-error-border);color:var(--alert-error-color)}.flash-info{background:var(--alert-info-bg);border-left:4px solid var(--alert-info-border);color:var(--alert-info-color)}.flash-warning{background:var(--alert-warning-bg);border-left:4px solid var(--alert-warning-border);color:var(--alert-warning-color)}.alert-modern{display:flex;align-items:center;gap:var(--space-3);border-radius:var(--alert-radius);padding:var(--alert-padding);font-size:var(--alert-font-size);margin-bottom:var(--space-4)}.alert-modern.alert-success,.alert-modern.alert-success.fade-in{background:var(--alert-success-bg);border-left:4px solid var(--alert-success-border);color:var(--alert-success-color)}.alert-modern.alert-danger,.alert-modern.alert-danger.fade-in,.alert-modern.alert-error,.alert-modern.alert-error.fade-in{background:var(--alert-error-bg);border-left:4px solid var(--alert-error-border);color:var(--alert-error-color)}.alert-modern.alert-warning,.alert-modern.alert-warning.fade-in{background:var(--alert-warning-bg);border-left:4px solid var(--alert-warning-border);color:var(--alert-warning-color)}.alert-modern.alert-info,.alert-modern.alert-info.fade-in{background:var(--alert-info-bg);border-left:4px solid var(--alert-info-border);color:var(--alert-info-color)}@media(max-width:768px){.table-responsive-desktop{display:none!important}.mobile-card-view{display:block!important}}@media(min-width:769px){.mobile-card-view{display:none!important}}.form-control-modern,.form-select-modern{width:100%;background:var(--card-bg);border:var(--input-border);border-radius:var(--input-radius);padding:var(--input-padding-y) var(--input-padding-x);font-size:var(--input-font-size);color:inherit;transition:border-color .2s ease,box-shadow .2s ease;outline:none}.form-control-modern:focus,.form-select-modern:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 3px #05966926}.form-label-modern{display:block;margin-bottom:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#374151}.form-group-modern{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.text-gray-800{color:#1f2937!important}.text-gray-700{color:#374151!important}.border-gray-300{border-color:#d1d5db!important}.rounded-md{border-radius:.375rem!important}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important}.mobile-menu-fab{position:fixed;top:1rem;left:1rem;z-index:1050;display:none}@media(max-width:768px){.mobile-menu-fab{display:block}}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border-radius:var(--radius-md);background:var(--card-bg);border:var(--card-border);color:var(--text-primary, #0f172a);box-shadow:var(--shadow-md)}.skip-link{position:absolute;left:1rem;top:-40px;background:#111827;color:#fff;padding:.5rem .75rem;border-radius:.5rem;text-decoration:none;z-index:2000;transition:top .2s ease}.skip-link:focus{top:1rem}@media print{.sidebar,.mobile-overlay,.topbar,.bottom-nav,.mobile-header,.toggle-btn,.footer-btn,.mobile-menu-btn,.fab,nav,form.print-hide,.no-print,.pagination,.btn-print-hide{display:none!important}.content,.main-content,.mobile-content{margin:0!important;padding:0!important;width:100%!important}body{background:#fff!important}.card{box-shadow:none!important;border:1px solid #dee2e6!important}.table thead th{background:#f8f9fa!important}a[href]:after{content:none!important}}