:root{--zinc-50: #fafafa;--zinc-100: #f4f4f5;--zinc-200: #e4e4e7;--zinc-300: #d4d4d8;--zinc-400: #a1a1aa;--zinc-500: #71717a;--zinc-600: #52525b;--zinc-700: #3f3f46;--zinc-800: #27272a;--zinc-900: #18181b;--zinc-950: #09090b;--color-bg: #ffffff;--color-surface: var(--theme-50);--color-border: var(--theme-200);--color-text: var(--theme-950);--color-text-muted: var(--theme-600);--theme-hue: 84;--theme-saturation: 72%;--theme-50: hsl(var(--theme-hue), var(--theme-saturation), 97%);--theme-100: hsl(var(--theme-hue), var(--theme-saturation), 94%);--theme-200: hsl(var(--theme-hue), var(--theme-saturation), 88%);--theme-300: hsl(var(--theme-hue), var(--theme-saturation), 80%);--theme-400: hsl(var(--theme-hue), var(--theme-saturation), 62%);--theme-500: hsl(var(--theme-hue), var(--theme-saturation), 45%);--theme-600: hsl(var(--theme-hue), var(--theme-saturation), 36%);--theme-700: hsl(var(--theme-hue), var(--theme-saturation), 28%);--theme-800: hsl(var(--theme-hue), var(--theme-saturation), 20%);--theme-900: hsl(var(--theme-hue), var(--theme-saturation), 14%);--theme-950: hsl(var(--theme-hue), var(--theme-saturation), 8%);--color-primary: var(--theme-500);--color-primary-hover: var(--theme-600);--color-primary-fg: var(--theme-50);--brand-primary: var(--color-primary);--brand-fg: var(--color-primary-fg);--color-success-bg: #dcfce7;--color-success-fg: #166534;--color-success: #166534;--color-success-border: #bbf7d0;--color-info-bg: var(--theme-100);--color-info-border: var(--theme-400);--color-info-fg: var(--theme-900);--color-link: var(--theme-600);--color-link-hover: var(--theme-700);--color-error: #ef4444;--color-error-bg: #fef2f2;--color-error-border: #fee2e2;--color-warning-bg: #fff7ed;--color-warning-border: #ffedd5;--color-warning-fg: #9a3412;--radius-md: 6px;--radius-sm: 4px;--border-ui: 1px solid var(--color-border);--sidebar-width: 240px;--sidebar-collapsed: 64px;--breakpoint-sm: 375px;--breakpoint-md: 768px;--breakpoint-lg: 1366px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .05);--transition-base: .15s ease}body{background-color:var(--color-surface);color:var(--color-text);font-family:Inter,system-ui,-apple-system,sans-serif;letter-spacing:-.011em}.btn-primary,.btn-secondary,.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;transition:all var(--transition-base);white-space:nowrap;cursor:pointer;text-decoration:none;border:1px solid transparent}.btn-primary{background:var(--color-primary);color:var(--color-primary-fg)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;transition:opacity var(--transition-base);white-space:nowrap;cursor:pointer;text-decoration:none;border:none;background:var(--color-primary);color:var(--color-primary-fg)}.btn-submit:hover:not(:disabled){opacity:.9}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.btn-submit.w-full{width:100%}.btn-primary-sm,.btn-secondary-sm{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;cursor:pointer;text-decoration:none;transition:opacity var(--transition-base)}.btn-primary-sm{border:none;background:var(--color-primary);color:var(--color-primary-fg)}.btn-primary-sm:hover{opacity:.9}.btn-primary-sm:disabled{opacity:.6;cursor:not-allowed}.btn-secondary-sm{background:var(--color-bg);border:1px solid var(--color-border);color:var(--theme-700)}.btn-secondary-sm:hover{background:var(--color-surface)}.btn-secondary-sm:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--theme-100);color:var(--color-text)}.btn-secondary:hover{background:var(--color-border)}.btn-outline{background:var(--color-bg);color:var(--theme-700);border:1px solid var(--color-border)}.btn-outline:hover{background:var(--color-surface);border-color:var(--theme-300);color:var(--color-text)}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;transition:all var(--transition-base);white-space:nowrap;cursor:pointer;text-decoration:none;background:transparent;border:1px solid var(--color-border);color:var(--theme-600)}.btn-ghost:hover{background:var(--color-surface);color:var(--color-text)}.btn-danger{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;transition:all var(--transition-base);white-space:nowrap;cursor:pointer;text-decoration:none;border:1px solid transparent;background:var(--color-error);color:var(--color-bg)}.btn-danger:hover{opacity:.9}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-danger-outline{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;transition:all var(--transition-base);white-space:nowrap;cursor:pointer;text-decoration:none;background:var(--color-bg);border:1px solid var(--color-error-border);color:var(--color-error)}.btn-danger-outline:hover{background:var(--color-error-bg)}.back-btn{width:36px;height:36px;border:1px solid var(--color-border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);background:var(--color-bg);transition:all var(--transition-base);cursor:pointer;text-decoration:none}.back-btn:hover{background:var(--color-surface);color:var(--color-text);border-color:var(--theme-300)}.status-badge.paid,.status-badge.success{background:var(--color-success-bg);color:var(--color-success-fg)}.status-badge.open,.status-badge.info{background:var(--color-info-bg);color:var(--color-info-fg);border:1px solid var(--color-info-border)}.status-badge.overdue,.status-badge.error{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border)}.status-badge.voided,.status-badge.archived,.status-badge.draft{background:var(--theme-100);color:var(--theme-600)}.status-badge.sending,.status-badge.scheduled,.status-badge.pending,.status-badge.warning{background:var(--color-warning-bg);color:var(--color-warning-fg);border:1px solid var(--color-warning-border)}.row-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%}@media(max-width:767px){.row-2{grid-template-columns:1fr}}.page-content-padding{padding:24px}@media(max-width:767px){.page-content-padding{padding:16px 12px}}@media(min-width:768px)and (max-width:1365px){.page-content-padding{padding:20px 16px}}