@import"https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=Poppins:wght@300;400;500;600;700;800&display=swap";:root{--color-primary: #C1621B;--color-primary-dark: #9C4D12;--color-primary-light: #F0975A;--color-primary-tint: rgba(193, 98, 27, .12);--color-secondary: #0F5257;--color-secondary-light: #16777D;--color-gold: #B8912F;--color-gold-hover: #9E7B24;--color-bg: #FBF8F3;--color-surface: #FFFFFF;--color-surface-alt: rgba(243, 236, 225, .85);--color-border: rgba(184, 145, 47, .25);--color-ink: #241C14;--color-ink-soft: #5B5347;--color-success: #2E7D4F;--color-danger: #B23A2E;--color-danger-tint: #FBE7E4;--color-success-tint: #E7F3EC;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--shadow-card: 0 10px 30px rgba(36, 28, 20, .08), 0 0 15px rgba(184, 145, 47, .1);--font-latin: "Poppins", system-ui, sans-serif;--font-arabic: "Noto Sans Arabic", "Poppins", sans-serif;--font-amharic: "Noto Sans Ethiopic", "Poppins", sans-serif;--font-devotional: "Amiri", serif;--header-h: 68px;--bg-image-overlay: linear-gradient(135deg, rgba(251, 248, 243, .2), rgba(243, 236, 225, .99));--bg-image-url: url(https://images.unsplash.com/photo-1711202675843-ccdb194d2b7d?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);color-scheme:light}:root[data-theme=dark]{--color-primary: #E08A44;--color-primary-dark: #C1621B;--color-primary-light: #F0975A;--color-primary-tint: rgba(224, 138, 68, .18);--color-secondary: #2F9DA3;--color-secondary-light: #3FB6BC;--color-gold: #D4AF5A;--color-bg: #17130F;--color-surface: rgba(32, 26, 20, .88);--color-surface-alt: rgba(42, 35, 27, .85);--color-border: rgba(212, 175, 90, .22);--color-ink: #F4EEE4;--color-ink-soft: #C9BFAF;--color-success: #5CBD84;--color-danger: #E07868;--color-danger-tint: #3A2420;--color-success-tint: #1E2E24;--shadow-card: 0 12px 36px rgba(0, 0, 0, .4), 0 0 20px rgba(212, 175, 90, .08);--bg-image-overlay: linear-gradient(135deg, rgba(23, 19, 15, .92), rgba(15, 12, 10, .95));color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:var(--color-bg);background-image:var(--bg-image-overlay),var(--bg-image-url);background-repeat:no-repeat;background-position:center top;background-size:cover;background-attachment:fixed;color:var(--color-ink);font-family:var(--font-latin);-webkit-font-smoothing:antialiased;transition:background .2s ease,color .2s ease;min-height:100vh}html[dir=rtl] body{font-family:var(--font-arabic)}html[lang=am] body{font-family:var(--font-amharic)}h1,h2,h3,h4{margin:0;line-height:1.2;font-weight:700;letter-spacing:-.01em}p{margin:0;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}img{max-width:100%;display:block}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}.card{background:var(--color-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-sm);padding:12px 22px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .12s ease,background .15s ease,box-shadow .15s ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:3px solid var(--color-secondary-light);outline-offset:2px}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px #c1621b40}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 6px 16px #c1621b59}.btn-secondary{background:var(--color-secondary);color:#fff;box-shadow:0 4px 12px #0f525740}.btn-secondary:hover{background:var(--color-secondary-light);box-shadow:0 6px 16px #0f525759}.btn-outline{background:transparent;color:var(--color-ink);border:1.5px solid var(--color-border)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-tint)}.btn-ghost{background:transparent;color:var(--color-ink-soft)}.btn-ghost:hover{background:var(--color-surface-alt)}.btn-danger{background:var(--color-danger);color:#fff}.btn-block{width:100%}.btn-sm{padding:8px 14px;font-size:.85rem}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:.85rem;font-weight:600;color:var(--color-ink-soft)}.field input,.field select,.field textarea{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);padding:11px 13px;font-size:.95rem;background:var(--color-surface);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--color-ink);width:100%}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-tint)}.field .hint{font-size:.78rem;color:var(--color-ink-soft)}.field .error-text{font-size:.78rem;color:var(--color-danger)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:700}.badge-paid{background:var(--color-success-tint);color:var(--color-success)}.badge-unpaid{background:var(--color-danger-tint);color:var(--color-danger)}.badge-gold{background:color-mix(in srgb,var(--color-gold) 18%,transparent);color:var(--color-gold)}.skeleton{background:linear-gradient(90deg,var(--color-surface-alt) 25%,var(--color-border) 37%,var(--color-surface-alt) 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}table.data-table{width:100%;border-collapse:collapse;font-size:.9rem}table.data-table th{text-align:start;font-size:.78rem;text-transform:none;color:var(--color-ink-soft);font-weight:700;padding:10px 12px;border-bottom:1.5px solid var(--color-border);white-space:nowrap}table.data-table td{padding:12px;border-bottom:1px solid var(--color-border);vertical-align:middle}table.data-table tbody tr:hover{background:var(--color-surface-alt)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:8px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}