:root{--ai-bg: #f8f9fc;--ai-bg-gradient: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);--ai-card-bg: rgba(255, 255, 255, 1);--ai-border: #e3e8f0;--ai-primary: #2563eb;--ai-primary-hover: #1d4ed8;--ai-primary-dark: #1e40af;--ai-accent: #6a6ef7;--ai-text: #1f2937;--ai-label: #4b5563;--ai-error-bg: #ffebee;--ai-error-border: #ef9a9a;--ai-error-text: #c62828;--ai-success-bg: #e8f5e8;--ai-success-border: #81c784;--ai-success-text: #2e7d32;--ai-input-bg: #ffffff;--ai-input-border: #d0d5dd;--ai-divider: #e4e7eb;--ai-link: var(--ai-primary);--ai-link-hover: var(--ai-primary-dark);--ai-shadow: 0 4px 32px 0 rgba(108, 117, 125, .1);--ai-shadow-sm: 0 2px 16px 0 rgba(73, 73, 73, .116)}@media (prefers-color-scheme: dark){:root{--ai-bg: #0f1419;--ai-bg-gradient: linear-gradient(135deg, #0f1419 0%, #1a202c 100%);--ai-card-bg: rgba(26, 32, 44, 1);--ai-border: #2d3748;--ai-primary: #4fd1c7;--ai-primary-hover: #38b2ac;--ai-primary-dark: #38b2ac;--ai-accent: #9f7aea;--ai-text: #e2e8f0;--ai-label: #a0aec0;--ai-error-bg: #2d1b1b;--ai-error-border: #fc8181;--ai-error-text: #fc8181;--ai-success-bg: #1a2e1a;--ai-success-border: #68d391;--ai-success-text: #68d391;--ai-input-bg: #2d3748;--ai-input-border: #4a5568;--ai-divider: #4a5568;--ai-link: var(--ai-primary);--ai-link-hover: var(--ai-primary-dark);--ai-shadow: 0 4px 32px 0 rgba(0, 0, 0, .3);--ai-shadow-sm: 0 2px 16px 0 rgba(0, 0, 0, .2)}}.dark-theme{--ai-bg: #0f1419;--ai-bg-gradient: linear-gradient(135deg, #0f1419 0%, #1a202c 100%);--ai-card-bg: rgba(26, 32, 44, 1);--ai-border: #2d3748;--ai-primary: #4fd1c7;--ai-primary-hover: #38b2ac;--ai-primary-dark: #38b2ac;--ai-accent: #9f7aea;--ai-text: #e2e8f0;--ai-label: #a0aec0;--ai-error-bg: #2d1b1b;--ai-error-border: #fc8181;--ai-error-text: #fc8181;--ai-success-bg: #1a2e1a;--ai-success-border: #68d391;--ai-success-text: #68d391;--ai-input-bg: #2d3748;--ai-input-border: #4a5568;--ai-divider: #4a5568;--ai-link: var(--ai-primary);--ai-link-hover: var(--ai-primary-dark);--ai-shadow: 0 4px 32px 0 rgba(0, 0, 0, .3);--ai-shadow-sm: 0 2px 16px 0 rgba(0, 0, 0, .2)}.light-theme{--ai-bg: #f8f9fc;--ai-bg-gradient: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);--ai-card-bg: rgba(255, 255, 255, 1);--ai-border: #e3e8f0;--ai-primary: #2563eb;--ai-primary-hover: #1d4ed8;--ai-primary-dark: #1e40af;--ai-accent: #6a6ef7;--ai-text: #1f2937;--ai-label: #4b5563;--ai-error-bg: #ffebee;--ai-error-border: #ef9a9a;--ai-error-text: #c62828;--ai-success-bg: #e8f5e8;--ai-success-border: #81c784;--ai-success-text: #2e7d32;--ai-input-bg: #ffffff;--ai-input-border: #d0d5dd;--ai-divider: #e4e7eb;--ai-link: var(--ai-primary);--ai-link-hover: var(--ai-primary-dark);--ai-shadow: 0 4px 32px 0 rgba(108, 117, 125, .1);--ai-shadow-sm: 0 2px 16px 0 rgba(73, 73, 73, .116)}.btn,.button,button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 2rem;background:linear-gradient(90deg,var(--ai-primary) 0%,var(--ai-accent) 100%);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 12px #5eead41a;text-decoration:none;letter-spacing:.01em;font-family:inherit;line-height:1.5;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover,.button:hover,button[type=submit]:hover:not(:disabled){text-decoration:none;box-shadow:0 4px 16px #5eead433;transform:translateY(-1px)}.btn:active,.button:active,button[type=submit]:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #5eead426}.btn-primary,.button.primary{background:linear-gradient(90deg,var(--ai-primary) 0%,var(--ai-accent) 100%);color:#fff;box-shadow:0 2px 12px #5eead41a}.btn-primary:hover,.button.primary:hover:not(:disabled){box-shadow:0 4px 16px #5eead433;background:linear-gradient(90deg,var(--ai-primary-hover) 0%,var(--ai-accent) 100%)}.btn-secondary,.button.secondary{background:#3d9a941a;color:var(--ai-primary);border:1.5px solid var(--ai-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none}.btn-secondary:hover,.button.secondary:hover:not(:disabled){background:#3d9a9426;color:var(--ai-primary-dark);border-color:var(--ai-primary-dark);box-shadow:0 4px 12px #3d9a9433}.btn-success{background:linear-gradient(90deg,#10b981,#059669);color:#fff;box-shadow:0 2px 12px #10b98133}.btn-success:hover:not(:disabled){background:linear-gradient(90deg,#059669,#047857);box-shadow:0 4px 16px #10b9814d}.btn-warning{background:linear-gradient(90deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 12px #f59e0b33}.btn-warning:hover:not(:disabled){background:linear-gradient(90deg,#d97706,#b45309);box-shadow:0 4px 16px #f59e0b4d}.btn-danger{background:linear-gradient(90deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 12px #ef444433}.btn-danger:hover:not(:disabled){background:linear-gradient(90deg,#dc2626,#b91c1c);box-shadow:0 4px 16px #ef44444d}.btn-sm,.button.small{padding:.6rem 1.2rem;font-size:.875rem}.btn-lg,.button.large{padding:1rem 2.5rem;font-size:1.125rem}.btn-xs{padding:.375rem .75rem;font-size:.75rem}.btn:disabled,.button:disabled,button[type=submit]:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-success:disabled,.btn-warning:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important;background:#f2f4f7!important;color:#98a2b3!important;border:1px solid #d0d5dd!important}:root.dark-theme .btn,:root.dark-theme .button,:root.dark-theme button[type=submit]{background:linear-gradient(90deg,#00c7c2,#8b5cf6);color:#000;font-weight:700;box-shadow:0 2px 12px #00c7c24d}:root.dark-theme .btn:hover,:root.dark-theme .button:hover,:root.dark-theme button[type=submit]:hover:not(:disabled){box-shadow:0 4px 16px #00c7c266;background:linear-gradient(90deg,#00d4cf,#9333ea)}:root.dark-theme .btn-secondary,:root.dark-theme .button.secondary{background:#4fd1c726;color:#4fd1c7;border:1.5px solid #4fd1c7;box-shadow:0 0 20px #4fd1c71a}:root.dark-theme .btn-secondary:hover,:root.dark-theme .button.secondary:hover:not(:disabled){background:#4fd1c740;color:#7dd3fc;border-color:#7dd3fc;box-shadow:0 4px 20px #4fd1c74d}:root.dark-theme .btn:disabled,:root.dark-theme .button:disabled,:root.dark-theme button[type=submit]:disabled,:root.dark-theme .btn-primary:disabled,:root.dark-theme .btn-secondary:disabled,:root.dark-theme .btn-success:disabled,:root.dark-theme .btn-warning:disabled,:root.dark-theme .btn-danger:disabled{background:#2d3748!important;color:#718096!important;border-color:var(--ai-border)!important;box-shadow:none!important}.dark-theme .btn,.dark-theme .button,.dark-theme button[type=submit]{background:linear-gradient(90deg,#00c7c2,#8b5cf6);color:#000;font-weight:700;box-shadow:0 2px 12px #00c7c24d}.dark-theme .btn:hover,.dark-theme .button:hover,.dark-theme button[type=submit]:hover:not(:disabled){box-shadow:0 4px 16px #00c7c266;background:linear-gradient(90deg,#00d4cf,#9333ea)}.dark-theme .btn-secondary,.dark-theme .button.secondary{background:#4fd1c726;color:#4fd1c7;border:1.5px solid #4fd1c7;box-shadow:0 0 20px #4fd1c71a}.dark-theme .btn-secondary:hover,.dark-theme .button.secondary:hover:not(:disabled){background:#4fd1c740;color:#7dd3fc;border-color:#7dd3fc;box-shadow:0 4px 20px #4fd1c74d}.dark-theme .btn:disabled,.dark-theme .button:disabled,.dark-theme button[type=submit]:disabled,.dark-theme .btn-primary:disabled,.dark-theme .btn-secondary:disabled,.dark-theme .btn-success:disabled,.dark-theme .btn-warning:disabled,.dark-theme .btn-danger:disabled{background:#374151!important;color:#6b7280!important;border-color:#4b5563!important;box-shadow:none!important}.btn-action{padding:.5rem 1rem;font-size:.875rem;border-radius:4px}.btn-action.view{background:var(--ai-primary);color:#fff}.btn-action.view:hover{background:var(--ai-primary-hover)}.btn-action.edit{background:#f59e0b;color:#fff}.btn-action.edit:hover{background:#d97706}.btn-page{padding:.5rem 1rem;background:var(--ai-input-bg);color:var(--ai-text);border:1px solid var(--ai-border);border-radius:4px;font-size:.875rem}.btn-page:hover:not(:disabled){background:var(--ai-border)}.btn-page:disabled{opacity:.5;cursor:not-allowed}.btn-page.active{background:var(--ai-primary);color:#fff;border-color:var(--ai-primary)}.btn-pay{background:linear-gradient(90deg,#10b981,#059669);color:#fff;font-weight:700;padding:1rem 2rem;border-radius:8px;box-shadow:0 4px 16px #10b9814d}.btn-pay:hover:not(:disabled){background:linear-gradient(90deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.close-btn{background:none;border:none;color:var(--ai-label);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s}.close-btn:hover{background:var(--ai-border);color:var(--ai-text)}.back-button{background:var(--ai-input-bg);color:var(--ai-text);border:1px solid var(--ai-border);padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.back-button:hover{background:var(--ai-border);transform:translateY(-1px)}.add-tag-btn,.btn-add{background:var(--ai-success-bg);color:var(--ai-success-text);border:1px solid var(--ai-success-border);padding:.25rem .5rem;border-radius:4px;cursor:pointer;transition:all .2s}.add-tag-btn:hover,.btn-add:hover{background:var(--ai-success-border);color:#fff}.remove-tag,.btn-remove{background:var(--ai-error-bg);color:var(--ai-error-text);border:1px solid var(--ai-error-border);padding:.25rem .5rem;border-radius:4px;cursor:pointer;transition:all .2s}.remove-tag:hover,.btn-remove:hover{background:var(--ai-error-border);color:#fff}.btn-toggle{background:var(--ai-input-bg);color:var(--ai-text);border:1px solid var(--ai-border);padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s}.btn-toggle:hover{background:var(--ai-border)}.btn-toggle.active{background:var(--ai-primary);color:#fff;border-color:var(--ai-primary)}.btn-copy{background:var(--ai-input-bg);color:var(--ai-text);border:1px solid var(--ai-border);padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .2s;font-size:.875rem}.btn-copy:hover{background:var(--ai-border);transform:translateY(-1px)}.btn-view-code{background:var(--ai-primary);color:#fff;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:600;border:none}.btn-view-code:hover{background:var(--ai-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-view-code:active{transform:translateY(0)}.btn-view-code i{margin-right:.5rem}.btn-large{padding:1rem 2rem;font-size:1.125rem;font-weight:700;border-radius:8px}.btn-full,.button.full,button[type=submit]{width:100%}.btn-icon{padding:.5rem;min-width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center}.btn-outline{background:transparent;color:var(--ai-primary);border:2px solid var(--ai-primary)}.btn-outline:hover:not(:disabled){background:var(--ai-primary);color:#fff}.btn-ghost{background:transparent;color:var(--ai-text);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--ai-border);color:var(--ai-text)}