.top-nav[data-v-331894e3]{background-color:var(--card-bg);border-bottom:var(--border-width) solid var(--border);box-shadow:var(--shadow-md);padding:0 20px;position:sticky;top:0;z-index:var(--z-sticky)}.nav-content[data-v-331894e3]{display:flex;align-items:center;justify-content:space-between;height:70px;max-width:1400px;margin:0 auto}.nav-left[data-v-331894e3]{display:flex;align-items:center;gap:20px}.menu-toggle[data-v-331894e3]{display:none;flex-direction:column;justify-content:space-between;width:28px;height:22px;background:none;border:none;cursor:pointer;padding:0}.menu-toggle span[data-v-331894e3]{display:block;height:3px;width:100%;background-color:var(--accent);border-radius:2px;transition:.3s}.nav-title a[data-v-331894e3]{color:var(--text);text-decoration:none;font-size:var(--font-size-xl);font-weight:700;background:linear-gradient(45deg,var(--accent),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-title a[data-v-331894e3]:hover{text-decoration:none}.nav-center[data-v-331894e3]{flex:1;max-width:500px;margin:0 30px}.search-box[data-v-331894e3]{position:relative;width:100%}.search-box input[data-v-331894e3]{width:100%;padding:12px 16px 12px 45px;border:2px solid var(--border);border-radius:var(--border-radius);background-color:var(--bg);color:var(--text);font-size:var(--font-size-base);transition:all .2s}.search-box input[data-v-331894e3]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f59e0b1a}.search-icon[data-v-331894e3]{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:18px;pointer-events:none}.nav-right[data-v-331894e3]{display:flex;align-items:center}.user-info[data-v-331894e3]{display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:var(--border-radius);background-color:var(--bg);transition:all .2s}.user-info[data-v-331894e3]:hover{background-color:#f59e0b1a}.avatar[data-v-331894e3]{width:40px;height:40px;background:linear-gradient(45deg,var(--accent),var(--secondary));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg);box-shadow:var(--shadow-sm)}.user-details[data-v-331894e3]{display:flex;flex-direction:column}.user-name[data-v-331894e3]{font-weight:600;color:var(--text)}.user-role[data-v-331894e3]{font-size:var(--font-size-sm);color:var(--muted)}@media(max-width:992px){.nav-center[data-v-331894e3]{display:none}.nav-title a[data-v-331894e3]{font-size:var(--font-size-lg)}}@media(max-width:768px){.menu-toggle[data-v-331894e3]{display:flex}.user-details[data-v-331894e3]{display:none}.nav-title a[data-v-331894e3]{font-size:var(--font-size-base)}.top-nav[data-v-331894e3]{padding:0 15px}}@media(max-width:480px){.nav-title[data-v-331894e3]{display:none}}.sidebar[data-v-2c47f586]{width:280px;background:linear-gradient(180deg,var(--card-bg) 0%,#fefce8 100%);border-right:2px solid var(--border);display:flex;flex-direction:column;transition:width .3s ease;flex-shrink:0;box-shadow:var(--shadow-md)}.sidebar-collapsed[data-v-2c47f586]{width:80px}.sidebar-header[data-v-2c47f586]{padding:24px 20px;border-bottom:2px solid var(--border);background-color:#ffffffe6}.school-info[data-v-2c47f586]{display:flex;align-items:center;gap:15px}.school-icon[data-v-2c47f586]{font-size:32px;background:linear-gradient(45deg,var(--accent),var(--secondary));padding:10px;border-radius:12px;box-shadow:var(--shadow-sm)}.school-details h3[data-v-2c47f586]{margin:0 0 5px;font-size:var(--font-size-base);font-weight:700;color:var(--text)}.school-details p[data-v-2c47f586]{margin:0;font-size:var(--font-size-sm);color:var(--muted)}.school-icon-collapsed[data-v-2c47f586]{font-size:32px;text-align:center;padding:10px;background:linear-gradient(45deg,var(--accent),var(--secondary));border-radius:12px;box-shadow:var(--shadow-sm)}.sidebar-nav[data-v-2c47f586]{flex:1;padding:20px 0;overflow-y:auto}.sidebar-nav ul[data-v-2c47f586]{list-style:none;padding:0 15px}.sidebar-nav li[data-v-2c47f586]{margin-bottom:8px}.nav-link[data-v-2c47f586]{display:flex;align-items:center;padding:14px 18px;color:var(--text);text-decoration:none;border-radius:var(--border-radius);transition:all .3s ease;position:relative;overflow:hidden}.nav-link[data-v-2c47f586]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,var(--accent),var(--secondary));transform:translate(-100%);transition:transform .3s ease}.nav-link[data-v-2c47f586]:hover{background-color:#f59e0b1a;transform:translate(5px)}.nav-link[data-v-2c47f586]:hover:before{transform:translate(0)}.nav-link.active[data-v-2c47f586]{background-color:#f59e0b26;font-weight:600;box-shadow:var(--shadow-sm)}.nav-link.active[data-v-2c47f586]:before{transform:translate(0)}.nav-icon[data-v-2c47f586]{font-size:22px;margin-right:15px;min-width:24px;text-align:center}.nav-text[data-v-2c47f586]{flex:1;white-space:nowrap;overflow:hidden;font-size:var(--font-size-base)}.nav-badge[data-v-2c47f586]{background-color:var(--accent);color:#fff;font-size:var(--font-size-sm);padding:4px 8px;border-radius:12px;font-weight:600;margin-left:8px}.sidebar-collapsed .nav-text[data-v-2c47f586],.sidebar-collapsed .nav-badge[data-v-2c47f586]{display:none}.sidebar-collapsed .nav-icon[data-v-2c47f586]{margin-right:0;font-size:24px}.sidebar-footer[data-v-2c47f586]{padding:20px;border-top:2px solid var(--border);background-color:#ffffffe6}.api-status[data-v-2c47f586]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.status-indicator[data-v-2c47f586]{display:flex;align-items:center;gap:10px}.status-dot[data-v-2c47f586]{width:12px;height:12px;border-radius:50%;background-color:var(--error);position:relative}.status-dot[data-v-2c47f586]:after{content:"";position:absolute;inset:-3px;border-radius:50%;background-color:currentColor;opacity:.3}.status-dot.connected[data-v-2c47f586]{background-color:var(--success)}.status-text[data-v-2c47f586]{font-size:var(--font-size-sm);font-weight:500}.btn-outline[data-v-2c47f586]{border:2px solid var(--border);background:transparent;color:var(--text)}.btn-outline[data-v-2c47f586]:hover{border-color:var(--accent);background-color:#f59e0b1a}.app-version[data-v-2c47f586]{text-align:center;font-size:var(--font-size-sm);color:var(--muted);padding-top:10px;border-top:1px solid var(--border)}@media(max-width:992px){.sidebar[data-v-2c47f586]{position:fixed;top:70px;left:0;height:calc(100vh - 70px);transform:translate(-100%);transition:transform .3s ease;z-index:999}.sidebar.open[data-v-2c47f586]{transform:translate(0)}.sidebar.sidebar-collapsed[data-v-2c47f586]{transform:translate(0);width:280px}.sidebar.sidebar-collapsed .nav-text[data-v-2c47f586],.sidebar.sidebar-collapsed .nav-badge[data-v-2c47f586]{display:inline}.sidebar.sidebar-collapsed .nav-icon[data-v-2c47f586]{margin-right:15px;font-size:22px}.sidebar.sidebar-collapsed .school-icon-collapsed[data-v-2c47f586]{display:none}.sidebar.sidebar-collapsed .school-info[data-v-2c47f586]{display:flex}}#app{min-height:100vh;display:flex;flex-direction:column}.app-container{display:flex;flex:1}.main-content{flex:1;padding:20px;overflow-y:auto;background-color:var(--bg)}.toast-container{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px}.toast{padding:12px 20px;background-color:var(--card-bg);border:3px solid var(--text);border-radius:6px;box-shadow:4px 4px 0 var(--text);cursor:pointer;min-width:250px;transition:transform .2s}.toast:hover{transform:translateY(-2px)}.toast-info{border-color:var(--accent)}.toast-success{border-color:#10b981}.toast-error{border-color:#ef4444}.toast-warning{border-color:#f59e0b}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media(max-width:768px){.main-content{padding:15px 10px}.toast-container{left:10px;right:10px;bottom:10px}}.dashboard-page[data-v-8d82bf70]{max-width:1400px;margin:0 auto;padding:0 20px}.page-header[data-v-8d82bf70]{background:linear-gradient(135deg,#fefce8,#fffbeb);border:2px solid var(--border);border-radius:var(--border-radius);padding:30px;margin-bottom:30px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.page-header[data-v-8d82bf70]:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(245,158,11,.1) 0%,transparent 70%)}.header-content[data-v-8d82bf70]{margin-bottom:15px}.header-content h1[data-v-8d82bf70]{margin:0 0 10px;font-size:2rem;color:var(--text);background:linear-gradient(45deg,var(--accent),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle[data-v-8d82bf70]{color:var(--muted);margin:0 0 20px;font-size:var(--font-size-lg)}.header-actions[data-v-8d82bf70]{display:flex;gap:15px;margin-top:20px}.btn-accent[data-v-8d82bf70]{background:linear-gradient(45deg,var(--accent),#fbbf24);color:#fff;border:none}.btn-secondary[data-v-8d82bf70]{background-color:#fff;color:var(--text);border:2px solid var(--border)}.btn-icon[data-v-8d82bf70]{margin-right:8px;font-size:18px}.date-info[data-v-8d82bf70]{text-align:right}.current-date[data-v-8d82bf70]{background-color:#fff;padding:8px 16px;border-radius:20px;font-weight:500;color:var(--text);border:2px solid var(--border);display:inline-block}.stats-grid[data-v-8d82bf70]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-bottom:40px}.stat-card[data-v-8d82bf70]{background-color:#fff;border:2px solid var(--border);border-radius:var(--border-radius);padding:25px;display:flex;gap:20px;box-shadow:var(--shadow-sm);transition:all .3s ease;position:relative;overflow:hidden}.stat-card[data-v-8d82bf70]:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.stat-card[data-v-8d82bf70]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.stat-primary[data-v-8d82bf70]:before{background:linear-gradient(to right,#3b82f6,#8b5cf6)}.stat-warning[data-v-8d82bf70]:before{background:linear-gradient(to right,#f59e0b,#fbbf24)}.stat-success[data-v-8d82bf70]:before{background:linear-gradient(to right,#10b981,#34d399)}.stat-error[data-v-8d82bf70]:before{background:linear-gradient(to right,#ef4444,#f87171)}.stat-icon[data-v-8d82bf70]{font-size:48px;flex-shrink:0}.stat-content[data-v-8d82bf70]{flex:1}.stat-title[data-v-8d82bf70]{font-size:var(--font-size-sm);color:var(--muted);margin:0 0 10px;text-transform:uppercase;letter-spacing:.05em}.stat-value[data-v-8d82bf70]{font-size:2rem;font-weight:700;margin:0 0 15px;color:var(--text)}.stat-trend[data-v-8d82bf70]{display:flex;align-items:center;gap:8px;font-size:var(--font-size-sm)}.trend-up[data-v-8d82bf70]{color:var(--success);font-weight:600}.trend-down[data-v-8d82bf70]{color:var(--error);font-weight:600}.trend-label[data-v-8d82bf70]{color:var(--muted)}.stat-progress[data-v-8d82bf70]{margin-top:10px}.progress-bar[data-v-8d82bf70]{height:8px;background-color:var(--border);border-radius:4px;overflow:hidden;margin-bottom:5px}.progress-fill[data-v-8d82bf70]{height:100%;background:linear-gradient(to right,#10b981,#34d399);border-radius:4px}.progress-text[data-v-8d82bf70]{font-size:var(--font-size-sm);color:var(--muted)}.stat-actions[data-v-8d82bf70]{margin-top:15px}.section[data-v-8d82bf70]{background-color:#fff;border:2px solid var(--border);border-radius:var(--border-radius);padding:30px;margin-bottom:30px;box-shadow:var(--shadow-sm)}.section-header[data-v-8d82bf70]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-header h2[data-v-8d82bf70]{margin:0;font-size:var(--font-size-xl);color:var(--text)}.payments-table[data-v-8d82bf70]{border:1px solid var(--border);border-radius:var(--border-radius);overflow:hidden}.table-header[data-v-8d82bf70]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;background-color:var(--bg);padding:15px 20px;font-weight:600;color:var(--text);border-bottom:2px solid var(--border)}.table-row[data-v-8d82bf70]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;padding:15px 20px;border-bottom:1px solid var(--border);cursor:pointer;transition:background-color .2s}.table-row[data-v-8d82bf70]:hover{background-color:#f59e0b0d}.table-row[data-v-8d82bf70]:last-child{border-bottom:none}.table-cell[data-v-8d82bf70]{display:flex;align-items:center;padding:5px 0}.student-cell[data-v-8d82bf70]{display:flex;align-items:center;gap:12px}.student-avatar[data-v-8d82bf70]{width:40px;height:40px;background:linear-gradient(45deg,var(--accent),var(--secondary));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm)}.student-info[data-v-8d82bf70]{display:flex;flex-direction:column}.student-nis[data-v-8d82bf70]{font-size:var(--font-size-sm);color:var(--muted)}.category-badge[data-v-8d82bf70]{background-color:#8b5cf61a;color:#8b5cf6;padding:4px 12px;border-radius:20px;font-size:var(--font-size-sm);font-weight:500}.method-badge[data-v-8d82bf70]{padding:4px 12px;border-radius:20px;font-size:var(--font-size-sm);font-weight:500}.method-badge.cash[data-v-8d82bf70]{background-color:#10b9811a;color:#10b981}.method-badge.transfer[data-v-8d82bf70]{background-color:#3b82f61a;color:#3b82f6}.amount-cell strong[data-v-8d82bf70]{font-size:var(--font-size-lg)}.status-badge[data-v-8d82bf70]{padding:4px 12px;border-radius:20px;font-size:var(--font-size-sm);font-weight:500}.status-badge.success[data-v-8d82bf70]{background-color:#10b9811a;color:#10b981}.empty-state[data-v-8d82bf70]{text-align:center;padding:60px 20px}.empty-icon[data-v-8d82bf70]{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h3[data-v-8d82bf70]{margin:0 0 10px;color:var(--text)}.empty-state p[data-v-8d82bf70]{color:var(--muted);margin:0}.quick-actions[data-v-8d82bf70]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.action-card[data-v-8d82bf70]{background-color:#fff;border:2px solid var(--border);border-radius:var(--border-radius);padding:25px;display:flex;align-items:center;gap:20px;cursor:pointer;transition:all .3s ease;text-decoration:none;color:inherit}.action-card[data-v-8d82bf70]:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--accent)}.action-icon[data-v-8d82bf70]{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px}.action-icon.primary[data-v-8d82bf70]{background:linear-gradient(45deg,#3b82f6,#8b5cf6);color:#fff}.action-icon.secondary[data-v-8d82bf70]{background:linear-gradient(45deg,#10b981,#34d399);color:#fff}.action-icon.tertiary[data-v-8d82bf70]{background:linear-gradient(45deg,#f59e0b,#fbbf24);color:#fff}.action-icon.warning[data-v-8d82bf70]{background:linear-gradient(45deg,#ef4444,#f87171);color:#fff}.action-content h3[data-v-8d82bf70]{margin:0 0 5px;font-size:var(--font-size-lg);color:var(--text)}.action-content p[data-v-8d82bf70]{margin:0;color:var(--muted);font-size:var(--font-size-sm)}.summary-section[data-v-8d82bf70]{margin-top:40px}.summary-card[data-v-8d82bf70]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid var(--border);border-radius:var(--border-radius);padding:30px}.summary-card h3[data-v-8d82bf70]{margin:0 0 25px;font-size:var(--font-size-xl);color:var(--text);display:flex;align-items:center;gap:10px}.summary-content[data-v-8d82bf70]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.summary-item[data-v-8d82bf70]{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#fff;border-radius:var(--border-radius);border:1px solid var(--border)}.summary-item .label[data-v-8d82bf70]{color:var(--muted);font-weight:500}.summary-item .value[data-v-8d82bf70]{font-weight:600;font-size:var(--font-size-lg);color:var(--text)}@media(max-width:1200px){.payments-table[data-v-8d82bf70]{overflow-x:auto}.table-header[data-v-8d82bf70],.table-row[data-v-8d82bf70]{min-width:1000px}}@media(max-width:768px){.page-header[data-v-8d82bf70]{padding:20px}.header-content h1[data-v-8d82bf70]{font-size:1.5rem}.header-actions[data-v-8d82bf70]{flex-direction:column}.stats-grid[data-v-8d82bf70],.quick-actions[data-v-8d82bf70],.summary-content[data-v-8d82bf70]{grid-template-columns:1fr}.section[data-v-8d82bf70]{padding:20px}}.student-card[data-v-ad08a0ce]{background-color:var(--card-bg);border:var(--border-width) solid var(--text);border-radius:var(--border-radius);padding:var(--spacing-lg);cursor:pointer;transition:all .2s;height:100%;display:flex;flex-direction:column}.student-card[data-v-ad08a0ce]:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--text)}.card-header[data-v-ad08a0ce]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.student-name[data-v-ad08a0ce]{margin:0;font-size:var(--font-size-lg);flex:1}.card-body[data-v-ad08a0ce]{flex:1}.student-info[data-v-ad08a0ce]{display:grid;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.info-item[data-v-ad08a0ce]{display:flex;justify-content:space-between;align-items:center}.label[data-v-ad08a0ce]{color:var(--muted);font-size:var(--font-size-sm)}.value[data-v-ad08a0ce]{font-weight:500}.student-stats[data-v-ad08a0ce]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--bg);border-radius:var(--border-radius);border:2px solid var(--border)}.stat[data-v-ad08a0ce]{display:flex;flex-direction:column;align-items:center}.stat-label[data-v-ad08a0ce]{font-size:var(--font-size-sm);color:var(--muted);margin-bottom:4px}.stat-value[data-v-ad08a0ce]{font-weight:600;font-size:var(--font-size-lg)}.card-footer[data-v-ad08a0ce]{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:2px solid var(--border)}@media(max-width:768px){.student-card[data-v-ad08a0ce]{padding:var(--spacing-md)}.student-stats[data-v-ad08a0ce]{grid-template-columns:1fr}}.students-list-page[data-v-afd45dfc]{max-width:1200px;margin:0 auto}.page-header[data-v-afd45dfc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.filters-section[data-v-afd45dfc]{background-color:var(--card-bg);border:var(--border-width) solid var(--text);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--border-shadow)}.search-box[data-v-afd45dfc]{margin-bottom:var(--spacing-md)}.search-box input[data-v-afd45dfc]{width:100%;padding:12px 16px}.filter-options[data-v-afd45dfc]{display:flex;gap:var(--spacing-md)}.filter-options select[data-v-afd45dfc]{flex:1}.loading-container[data-v-afd45dfc]{text-align:center;padding:var(--spacing-xl)}.loading-container p[data-v-afd45dfc]{margin-top:var(--spacing-md);color:var(--muted)}.error-state[data-v-afd45dfc]{text-align:center;padding:var(--spacing-xl);color:var(--error)}.error-state button[data-v-afd45dfc]{margin-top:var(--spacing-md)}.empty-state[data-v-afd45dfc]{text-align:center;padding:var(--spacing-xl);color:var(--muted)}.empty-state button[data-v-afd45dfc]{margin-top:var(--spacing-md)}.students-grid[data-v-afd45dfc]{display:none;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.students-table[data-v-afd45dfc]{margin-bottom:var(--spacing-lg)}.clickable-row[data-v-afd45dfc]{cursor:pointer;transition:background-color .2s}.clickable-row[data-v-afd45dfc]:hover{background-color:var(--bg)}.table-actions[data-v-afd45dfc]{display:flex;gap:var(--spacing-xs)}.pagination[data-v-afd45dfc]{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--card-bg);border:var(--border-width) solid var(--text);border-radius:var(--border-radius)}.page-info[data-v-afd45dfc]{font-weight:500}.modal-footer[data-v-afd45dfc]{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}@media(max-width:768px){.page-header[data-v-afd45dfc]{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.filter-options[data-v-afd45dfc]{flex-direction:column}.students-grid[data-v-afd45dfc]{display:grid}.students-table[data-v-afd45dfc]{display:none}.table-actions[data-v-afd45dfc]{flex-direction:column}}.bill-row[data-v-b656927e]{cursor:pointer;transition:background-color .2s}.bill-row[data-v-b656927e]:hover{background-color:#f59e0b0d!important}.bill-category[data-v-b656927e]{font-weight:600;margin-bottom:4px;color:var(--text)}.bill-period[data-v-b656927e]{font-size:var(--font-size-sm)}.bill-amount[data-v-b656927e],.bill-paid[data-v-b656927e],.bill-remaining[data-v-b656927e]{font-weight:600}.bill-paid[data-v-b656927e]{color:var(--success)}.bill-remaining[data-v-b656927e]{color:var(--error)}.bill-due[data-v-b656927e]{font-size:var(--font-size-sm)}.bill-actions[data-v-b656927e]{display:flex;gap:8px;flex-wrap:wrap}.btn-edit[data-v-b656927e]{background-color:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2);font-size:var(--font-size-sm);padding:4px 8px}.btn-edit[data-v-b656927e]:hover{background-color:#3b82f633}.btn-delete[data-v-b656927e]{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);font-size:var(--font-size-sm);padding:4px 8px}.btn-delete[data-v-b656927e]:hover{background-color:#ef444433}.btn-view[data-v-b656927e]{background-color:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2);font-size:var(--font-size-sm);padding:4px 8px;text-decoration:none}.btn-view[data-v-b656927e]:hover{background-color:#10b98133}@media(max-width:768px){.bill-actions[data-v-b656927e]{flex-direction:column}}.modal-overlay[data-v-a073c039]{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:20px;animation:fadeIn-a073c039 .2s ease-out}@keyframes fadeIn-a073c039{0%{opacity:0}to{opacity:1}}.modal[data-v-a073c039]{background-color:var(--card-bg);border:var(--border-width) solid var(--text);border-radius:var(--border-radius);box-shadow:var(--border-shadow);max-height:90vh;display:flex;flex-direction:column;animation:slideIn-a073c039 .3s ease-out}@keyframes slideIn-a073c039{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-a073c039]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:2px solid var(--border)}.modal-title[data-v-a073c039]{margin:0;font-size:var(--font-size-xl)}.modal-close[data-v-a073c039]{background:none;border:none;font-size:28px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--text);transition:background-color .2s}.modal-close[data-v-a073c039]:hover{background-color:var(--bg)}.modal-body[data-v-a073c039]{padding:var(--spacing-lg);overflow-y:auto;flex:1}.modal-footer[data-v-a073c039]{padding:var(--spacing-lg);border-top:2px solid var(--border);display:flex;justify-content:flex-end;gap:var(--spacing-sm)}@media(max-width:768px){.modal[data-v-a073c039]{width:100%;max-height:80vh}.modal-header[data-v-a073c039],.modal-body[data-v-a073c039],.modal-footer[data-v-a073c039]{padding:var(--spacing-md)}}.currency-input[data-v-65ee67f5]{position:relative}.currency-input input[data-v-65ee67f5]{padding-right:40px}.currency-input[data-v-65ee67f5]:after{content:"Rp";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:500}.header-print,.konten-print,.footer-print{display:flex;flex-direction:column}.header-print{align-items:center}.header-print,.footer-print{justify-content:space-between}.konten-print{flex-direction:column}.isi-konten-print{display:flex;justify-content:space-between}.isi-konten-print p:first-child{width:30%}.teks-ini-tebal{font-weight:700}.isi-konten-print p:last-child{width:70%}.child-footer{display:flex;flex-direction:row;justify-content:space-between;gap:64px}.tempat-ttd{display:flex;flex-direction:column;gap:36px}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}#printed{border:2px solid lightcoral}.modal-content{background:#fff;padding:20px;border-radius:8px;width:640px;height:500px;overflow-y:auto}.section-button-print{margin-top:24px;display:flex;justify-content:space-between}.section-input-kwitansi{margin-top:24px;display:flex;flex-direction:column}.section-input-kwitansi i{font-size:12px}.section-child-input-kwitansi{display:flex;flex-direction:column;justify-content:space-between}hr{border:none;border-top:2px dotted black}@media print{body{font-family:Courier New,Courier,monospace}}.student-detail-page[data-v-59663e5f]{max-width:1200px;margin:0 auto}.back-button[data-v-59663e5f]{margin-bottom:var(--spacing-lg)}.student-header[data-v-59663e5f]{background-color:var(--card-bg);border:var(--border-width) solid var(--text);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--border-shadow)}.header-content[data-v-59663e5f]{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg)}.student-info h1[data-v-59663e5f]{margin:0 0 var(--spacing-sm) 0}.student-meta[data-v-59663e5f]{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center}.student-meta span[data-v-59663e5f]{padding:4px 8px;background-color:var(--bg);border-radius:4px;font-size:var(--font-size-sm)}.nis[data-v-59663e5f]{font-weight:600}.header-actions[data-v-59663e5f]{display:flex;gap:var(--spacing-sm);flex-shrink:0}.tabs[data-v-59663e5f]{display:flex;border-bottom:2px solid var(--border);margin-bottom:var(--spacing-lg)}.tab-btn[data-v-59663e5f]{padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-bottom:3px solid transparent;font-weight:500;cursor:pointer;transition:all .2s}.tab-btn[data-v-59663e5f]:hover{background-color:var(--bg)}.tab-btn.active[data-v-59663e5f]{border-bottom-color:var(--accent);font-weight:600}.tab-content[data-v-59663e5f]{padding:var(--spacing-md) 0}.section-header[data-v-59663e5f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.bills-summary[data-v-59663e5f]{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.summary-item[data-v-59663e5f]{display:flex;flex-direction:column;align-items:center}.summary-item .label[data-v-59663e5f]{font-size:var(--font-size-sm);color:var(--muted);margin-bottom:4px}.summary-item .value[data-v-59663e5f]{font-size:var(--font-size-lg);font-weight:600}.form-row[data-v-59663e5f]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.modal-footer[data-v-59663e5f]{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}@media(max-width:768px){.header-content[data-v-59663e5f]{flex-direction:column}.header-actions[data-v-59663e5f]{width:100%}.header-actions button[data-v-59663e5f]{flex:1}.student-meta[data-v-59663e5f]{flex-direction:column;align-items:flex-start}.bills-summary[data-v-59663e5f]{width:100%;justify-content:space-between}.summary-item[data-v-59663e5f]{flex:1;min-width:120px}.form-row[data-v-59663e5f]{grid-template-columns:1fr}}table[data-v-59663e5f]{width:100%;border-collapse:collapse;margin:20px 0}thead[data-v-59663e5f]{background-color:#f2f2f2}td[data-v-59663e5f],th[data-v-59663e5f]{padding:8px;text-align:left;border:1px solid #ddd}tr[data-v-59663e5f]:hover{background-color:#f9f9f9}input[type=checkbox][data-v-59663e5f]{transform:scale(1.2);cursor:pointer}.button-tampilkan-print[data-v-59663e5f]{margin-top:10px;padding:5px 10px;background-color:#000;border:none;color:#fff;cursor:pointer}.bill-detail-page[data-v-9cb9b237]{max-width:800px;margin:0 auto}.back-button[data-v-9cb9b237]{margin-bottom:var(--spacing-lg)}.bill-summary[data-v-9cb9b237]{background-color:var(--card-bg);border:var(--border-width) solid var(--text);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--border-shadow)}.summary-header[data-v-9cb9b237]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.student-info[data-v-9cb9b237]{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.student-link[data-v-9cb9b237]{font-weight:600;color:var(--accent);text-decoration:none}.student-link[data-v-9cb9b237]:hover{text-decoration:underline}.bill-period[data-v-9cb9b237]{background-color:var(--bg);padding:4px 12px;border-radius:20px;font-size:var(--font-size-sm)}.amount-summary[data-v-9cb9b237]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--bg);border-radius:var(--border-radius);border:2px solid var(--border)}.amount-item[data-v-9cb9b237]{display:flex;flex-direction:column;align-items:center;text-align:center}.amount-item .label[data-v-9cb9b237]{font-size:var(--font-size-sm);color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.amount-item .value[data-v-9cb9b237]{font-size:var(--font-size-xl);font-weight:600}.bill-meta[data-v-9cb9b237]{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.meta-item[data-v-9cb9b237]{display:flex;align-items:center;gap:var(--spacing-sm)}.meta-item .label[data-v-9cb9b237]{color:var(--muted);font-weight:500}.meta-item .value[data-v-9cb9b237]{font-weight:600}.summary-progress[data-v-9cb9b237]{margin-top:var(--spacing-lg)}.progress-bar[data-v-9cb9b237]{height:12px;background-color:var(--border);border-radius:6px;overflow:hidden;margin-bottom:var(--spacing-sm)}.progress-fill[data-v-9cb9b237]{height:100%;background-color:var(--success);transition:width .3s ease}.progress-label[data-v-9cb9b237]{text-align:center;font-weight:600;color:var(--muted)}.payment-form-section[data-v-9cb9b237]{background-color:var(--card-bg);border:var(--border-width) solid var(--text);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--border-shadow)}.payment-form-section h2[data-v-9cb9b237]{margin-bottom:var(--spacing-lg)}.payment-form .form-row[data-v-9cb9b237]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.file-input[data-v-9cb9b237]{width:100%;padding:var(--spacing-md);border:var(--border-width) dashed var(--border);border-radius:var(--border-radius);background-color:var(--bg);margin-bottom:var(--spacing-md);cursor:pointer}.file-input[data-v-9cb9b237]:hover{border-color:var(--accent)}.file-list[data-v-9cb9b237]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.file-item[data-v-9cb9b237]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg);border:2px solid var(--border);border-radius:var(--border-radius);gap:var(--spacing-sm)}.file-name[data-v-9cb9b237]{flex:1;font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size[data-v-9cb9b237]{color:var(--muted);font-size:var(--font-size-sm);min-width:60px}.remove-file[data-v-9cb9b237]{background:none;border:none;color:var(--error);font-size:20px;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px}.remove-file[data-v-9cb9b237]:hover{background-color:var(--error);color:#fff}.upload-progress[data-v-9cb9b237]{flex:1;max-width:200px;position:relative}.upload-progress .progress-bar[data-v-9cb9b237]{height:6px;background-color:var(--accent);border-radius:3px;margin-bottom:0}.progress-text[data-v-9cb9b237]{position:absolute;top:-20px;right:0;font-size:var(--font-size-sm);color:var(--muted)}.form-actions[data-v-9cb9b237]{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.loader-small[data-v-9cb9b237]{display:inline-block;width:16px;height:16px;border:2px solid var(--border);border-top:2px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}.payment-history[data-v-9cb9b237]{background-color:var(--card-bg);border:var(--border-width) solid var(--text);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--border-shadow)}.section-header[data-v-9cb9b237]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.total-payments[data-v-9cb9b237]{background-color:var(--bg);padding:4px 12px;border-radius:20px;font-size:var(--font-size-sm);font-weight:600}@media(max-width:768px){.amount-summary[data-v-9cb9b237]{grid-template-columns:1fr;gap:var(--spacing-md)}.payment-form .form-row[data-v-9cb9b237]{grid-template-columns:1fr}.bill-meta[data-v-9cb9b237]{flex-direction:column;gap:var(--spacing-sm)}.file-item[data-v-9cb9b237]{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.upload-progress[data-v-9cb9b237]{max-width:100%;width:100%}}.confirm-dialog[data-v-0a20a1e3]{text-align:center;padding:10px}.dialog-icon[data-v-0a20a1e3]{font-size:64px;margin-bottom:20px;display:inline-block;padding:20px;border-radius:50%}.dialog-icon.warning[data-v-0a20a1e3]{background-color:#f59e0b1a;color:var(--warning)}.dialog-icon.danger[data-v-0a20a1e3]{background-color:#ef44441a;color:var(--error)}.dialog-icon.info[data-v-0a20a1e3]{background-color:#3b82f61a;color:var(--info)}.dialog-icon.success[data-v-0a20a1e3]{background-color:#10b9811a;color:var(--success)}.dialog-title[data-v-0a20a1e3]{margin:0 0 15px;font-size:var(--font-size-xl);color:var(--text)}.dialog-message[data-v-0a20a1e3]{margin:0 0 30px;color:var(--muted);font-size:var(--font-size-lg);line-height:1.5}.dialog-footer[data-v-0a20a1e3]{display:flex;justify-content:center;gap:var(--spacing-md);width:100%}.categories-page[data-v-16c9713c]{max-width:1200px;margin:0 auto}.page-header[data-v-16c9713c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.categories-list[data-v-16c9713c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.category-card[data-v-16c9713c]{background-color:var(--card-bg);border:var(--border-width) solid var(--text);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:all .2s;box-shadow:var(--border-shadow)}.category-card[data-v-16c9713c]:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--text)}.category-header[data-v-16c9713c]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.category-name[data-v-16c9713c]{margin:0;font-size:var(--font-size-lg);flex:1}.category-details[data-v-16c9713c]{margin-bottom:var(--spacing-md)}.detail-item[data-v-16c9713c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);padding:4px 0;border-bottom:1px solid var(--border)}.detail-item[data-v-16c9713c]:last-child{border-bottom:none;margin-bottom:0}.detail-item .label[data-v-16c9713c]{color:var(--muted);font-size:var(--font-size-sm)}.detail-item .value[data-v-16c9713c]{font-weight:500}.category-actions[data-v-16c9713c]{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-md);border-top:2px solid var(--border)}.form-checkbox[data-v-16c9713c]{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.form-checkbox input[type=checkbox][data-v-16c9713c]{width:18px;height:18px;cursor:pointer}.checkbox-help[data-v-16c9713c]{margin:var(--spacing-xs) 0 0 0;color:var(--muted);font-size:var(--font-size-sm)}.modal-footer[data-v-16c9713c]{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}@media(max-width:768px){.page-header[data-v-16c9713c]{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.categories-list[data-v-16c9713c]{grid-template-columns:1fr}.category-header[data-v-16c9713c]{flex-direction:column;gap:var(--spacing-sm)}.category-actions[data-v-16c9713c]{flex-direction:column}}.settings-page[data-v-4302fbae]{max-width:800px;margin:0 auto}.settings-section[data-v-4302fbae]{background-color:var(--card-bg);border:var(--border-width) solid var(--text);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--border-shadow)}.section-description[data-v-4302fbae]{color:var(--muted);margin-bottom:var(--spacing-lg)}.settings-form[data-v-4302fbae]{margin-bottom:var(--spacing-lg)}.form-help[data-v-4302fbae]{margin:var(--spacing-xs) 0 0 0;color:var(--muted);font-size:var(--font-size-sm)}.form-actions[data-v-4302fbae]{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.api-test[data-v-4302fbae]{padding:var(--spacing-lg);background-color:var(--bg);border-radius:var(--border-radius);border:2px solid var(--border)}.test-status[data-v-4302fbae]{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--border-radius);background-color:var(--card-bg)}.test-status.connected[data-v-4302fbae]{border:2px solid var(--success)}.test-status.disconnected[data-v-4302fbae]{border:2px solid var(--error)}.test-status.testing[data-v-4302fbae]{border:2px solid var(--warning)}.status-icon[data-v-4302fbae]{font-size:20px}.settings-grid[data-v-4302fbae]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.setting-item[data-v-4302fbae]{display:flex;flex-direction:column}.danger-zone[data-v-4302fbae]{padding:var(--spacing-lg);background-color:#fee;border:3px solid var(--error);border-radius:var(--border-radius)}.danger-title[data-v-4302fbae]{color:var(--error);margin-bottom:var(--spacing-sm)}.danger-description[data-v-4302fbae]{color:#666;margin-bottom:var(--spacing-lg)}.danger-actions[data-v-4302fbae]{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}@media(max-width:768px){.settings-grid[data-v-4302fbae]{grid-template-columns:1fr}.form-actions[data-v-4302fbae],.danger-actions[data-v-4302fbae]{flex-direction:column}}.not-found-page[data-v-91b22102]{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:var(--spacing-lg)}.error-container[data-v-91b22102]{text-align:center;max-width:500px;padding:var(--spacing-xl);background-color:var(--card-bg);border:var(--border-width) solid var(--text);border-radius:var(--border-radius);box-shadow:var(--border-shadow)}.error-container h1[data-v-91b22102]{font-size:6rem;margin:0;color:var(--accent);line-height:1}.error-container h2[data-v-91b22102]{font-size:var(--font-size-2xl);margin:var(--spacing-md) 0}.error-message[data-v-91b22102]{color:var(--muted);margin-bottom:var(--spacing-xl);font-size:var(--font-size-lg)}.actions[data-v-91b22102]{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}@media(max-width:768px){.error-container h1[data-v-91b22102]{font-size:4rem}.actions[data-v-91b22102]{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md)}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{text-decoration:underline}input,select,textarea,button{font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer;border:none;background:none}.text-muted{color:var(--muted)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.bg-muted{background-color:var(--muted)}.bg-success{background-color:var(--success)}.bg-warning{background-color:var(--warning)}.bg-error{background-color:var(--error)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}:root{--bg: #f8fafc;--card-bg: #ffffff;--muted: #64748b;--text: #1e293b;--accent: #f59e0b;--secondary: #10b981;--tertiary: #8b5cf6;--border: #e2e8f0;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82c6;--border-radius: 8px;--border-width: 3px;--border-shadow: 3px 3px 0 rgba(0, 0, 0, .1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .07);--z-dropdown: 10;--z-sticky: 20;--z-modal: 30;--z-popover: 40;--z-toast: 50}.accent-primary{--accent: #f59e0b}.accent-secondary{--accent: #10b981}.accent-tertiary{--accent: #8b5cf6}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:var(--border-width) solid var(--text);border-radius:var(--border-radius);background-color:var(--card-bg);color:var(--text);font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s;box-shadow:var(--border-shadow);gap:8px}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--text);text-decoration:none}.btn:active{transform:translate(0);box-shadow:var(--border-shadow)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--border-shadow)}.btn-primary{background-color:var(--accent);color:#fff;border-color:var(--accent)}.btn-secondary{background-color:var(--card-bg);color:var(--text)}.btn-success{background-color:var(--success);color:#fff;border-color:var(--success)}.btn-error{background-color:var(--error);color:#fff;border-color:var(--error)}.btn-sm{padding:4px 12px;font-size:var(--font-size-sm)}.btn-lg{padding:12px 24px;font-size:var(--font-size-lg)}.card{background-color:var(--card-bg);border:var(--border-width) solid var(--text);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--border-shadow);transition:transform .2s,box-shadow .2s}.card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--text)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border)}.card-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:2px solid var(--border)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:500}.form-control{width:100%;padding:10px 12px;border:var(--border-width) solid var(--text);border-radius:var(--border-radius);background-color:var(--card-bg);color:var(--text);transition:border-color .2s,box-shadow .2s}.form-control:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82c41a}.form-control:disabled{background-color:var(--bg);cursor:not-allowed}.form-error{border-color:var(--error)}.form-error:focus{border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.error-message{color:var(--error);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:var(--font-size-sm);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.badge-success{background-color:var(--success);color:#fff}.badge-warning{background-color:var(--warning);color:#fff}.badge-error{background-color:var(--error);color:#fff}.badge-info{background-color:var(--accent);color:#fff}.table{width:100%;border-collapse:collapse;background-color:var(--card-bg);border:var(--border-width) solid var(--text);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--border-shadow)}.table th,.table td{padding:12px 16px;text-align:left;border-bottom:2px solid var(--border)}.table th{background-color:var(--bg);font-weight:600;text-transform:uppercase;font-size:var(--font-size-sm);letter-spacing:.05em}.table tbody tr:hover{background-color:var(--bg)}.table tbody tr:last-child td{border-bottom:none}.loader{display:inline-block;width:40px;height:40px;border:3px solid var(--border);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.grid{display:grid;gap:var(--spacing-lg)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,1fr)}.table{display:block;overflow-x:auto}}