:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Inter", sans-serif;--font-monospace: "Fira Code", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-thin: 100;--font-extralight: 200;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em}.heading-1,.h1{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.heading-2,.h2{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary)}.heading-3,.h3{font-family:var(--font-primary);font-size:var(--text-3xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);color:var(--text-primary)}.heading-4,.h4{font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);color:var(--text-primary)}.heading-5,.h5{font-family:var(--font-primary);font-size:var(--text-xl);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--text-primary)}.heading-6,.h6{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--text-primary)}.body-large{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-primary)}.body-base{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary)}.body-small{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-primary)}.caption{font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--text-secondary)}.overline{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-secondary)}.label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.code{font-family:var(--font-monospace);font-size:var(--text-sm);background:var(--gray-100);padding:.125rem .375rem;border-radius:var(--radius-sm);color:var(--text-primary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-disabled{color:var(--text-disabled)}.text-inverse{color:var(--text-inverse)}.text-success{color:var(--success-600)}.text-warning{color:var(--warning-600)}.text-danger{color:var(--danger-600)}.text-info{color:var(--info-600)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.font-thin{font-weight:var(--font-thin)}.font-light{font-weight:var(--font-light)}.font-regular{font-weight:var(--font-regular)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}@media (max-width: 768px){.heading-1,.h1{font-size:var(--text-4xl)}.heading-2,.h2{font-size:var(--text-3xl)}.heading-3,.h3{font-size:var(--text-2xl)}}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#374151;line-height:1.4}.form-label-required:after{content:"*";color:#ef4444;margin-left:.25rem}.form-input,.form-select,.form-textarea{width:100%;padding:.625rem .875rem;font-size:.9375rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;transition:all .15s ease;line-height:1.5;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#9ca3af}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.form-textarea{min-height:100px;resize:vertical;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem;padding-right:2.5rem;cursor:pointer}.form-checkbox{width:18px;height:18px;border-radius:4px;cursor:pointer;accent-color:#8b5cf6}.form-help{display:block;margin-top:.375rem;font-size:.8125rem;color:#6b7280;line-height:1.4}.form-error{display:block;margin-top:.375rem;font-size:.8125rem;color:#ef4444;line-height:1.4}.form-input.is-invalid,.form-select.is-invalid,.form-textarea.is-invalid{border-color:#ef4444}.form-input.is-invalid:focus,.form-select.is-invalid:focus,.form-textarea.is-invalid:focus{box-shadow:0 0 0 3px #ef44441a}.form-input.is-valid,.form-select.is-valid,.form-textarea.is-valid{border-color:#10b981}.form-input.is-valid:focus,.form-select.is-valid:focus,.form-textarea.is-valid:focus{box-shadow:0 0 0 3px #10b9811a}.form-input.is-valid,.form-select.is-valid,.form-textarea.is-valid{border-color:var(--success-500);padding-right:2.5rem}.form-input.is-invalid,.form-select.is-invalid,.form-textarea.is-invalid{border-color:var(--danger-500);padding-right:2.5rem}.form-input.is-valid:focus,.form-select.is-valid:focus,.form-textarea.is-valid:focus{box-shadow:0 0 0 4px #10b9811a}.form-input.is-invalid:focus,.form-select.is-invalid:focus,.form-textarea.is-invalid:focus{box-shadow:0 0 0 4px #ef44441a}.form-help{display:block;margin-top:var(--space-2);font-size:.8125rem;color:var(--gray-500);line-height:1.4}.form-error{display:block;margin-top:var(--space-2);font-size:.8125rem;color:var(--danger-600);font-weight:500;line-height:1.4}.form-success{display:block;margin-top:var(--space-2);font-size:.8125rem;color:var(--success-600);font-weight:500;line-height:1.4}.checkbox-label,.radio-label{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.9375rem;color:var(--gray-700);font-weight:500;transition:all .3s ease;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg)}.checkbox-label:hover,.radio-label:hover{background:var(--gray-50);color:var(--gray-900)}.form-checkbox,.form-radio{width:22px;height:22px;cursor:pointer;accent-color:var(--primary-600);transition:all .2s ease;border-radius:6px}.form-checkbox:hover,.form-radio:hover{transform:scale(1.1)}.form-checkbox:checked,.form-radio:checked{transform:scale(1.05)}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--gray-300);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-full);box-shadow:inset 0 1px 2px #0000001a}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-600)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch input:focus-visible+.toggle-slider{outline:3px solid var(--primary-200);outline-offset:2px}.form-input.is-valid,.form-select.is-valid,.form-textarea.is-valid{border-color:var(--success-500)}.form-input.is-invalid,.form-select.is-invalid,.form-textarea.is-invalid{border-color:var(--danger-500)}.form-feedback{display:block;margin-top:var(--space-2);font-size:.8125rem;font-weight:500}.form-feedback-valid{color:var(--success-600)}.form-feedback-invalid{color:var(--danger-600)}.form-helper{display:block;margin-top:var(--space-2);font-size:.8125rem;color:var(--gray-500);line-height:1.4}.form-row{display:flex;gap:var(--space-4);margin-bottom:var(--space-5)}.form-row .form-group{flex:1;margin-bottom:0}.form-input-sm,.form-select-sm{padding:var(--space-2) var(--space-3);font-size:.875rem}.form-input-lg,.form-select-lg{padding:var(--space-4) var(--space-5);font-size:1rem}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;background:linear-gradient(135deg,var(--primary-100),var(--primary-50));color:var(--primary-700);border:1px solid var(--primary-200);box-shadow:0 1px 3px #8b5cf61a;transition:all .3s ease}.badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px #8b5cf633}.form-help{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:linear-gradient(135deg,var(--info-50),var(--info-100));border:1px solid var(--info-200);border-radius:var(--radius-lg);font-size:.8125rem;color:var(--info-700);margin-top:var(--space-3);line-height:1.5}.form-help .material-icons{font-size:1.125rem;color:var(--info-500)}.automation-section{background:linear-gradient(135deg,#8b5cf608,#3b82f605);border:2px dashed var(--primary-200);border-radius:16px;padding:var(--space-6);margin-top:var(--space-6);position:relative;overflow:hidden;transition:all .3s ease}.automation-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.05) 0%,transparent 70%);animation:rotate 20s linear infinite;pointer-events:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.automation-section:hover{border-color:var(--primary-300);box-shadow:0 8px 24px #8b5cf61f;transform:translateY(-2px)}.automation-section>*{position:relative;z-index:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.625rem 1.25rem;min-height:2.75rem;font-size:.9375rem;font-weight:600;line-height:1.5;border:none;border-radius:.625rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden;text-decoration:none}.btn .material-icons{font-size:1.125rem;line-height:1}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:focus-visible{outline:3px solid var(--primary-300);outline-offset:2px}.btn-primary{background:linear-gradient(180deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;box-shadow:0 2px 8px -2px #8b5cf680,0 4px 12px -4px #8b5cf64d,inset 0 1px #ffffff26}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity .2s;pointer-events:none}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,var(--primary-600) 0%,var(--primary-700) 100%);box-shadow:0 6px 16px -4px #8b5cf699,0 10px 24px -6px #8b5cf666,inset 0 1px #fff3}.btn-primary:hover:not(:disabled):before{opacity:1}.btn-primary:active:not(:disabled){background:linear-gradient(180deg,var(--primary-700) 0%,var(--primary-800) 100%);box-shadow:0 2px 6px #8b5cf680,inset 0 2px 4px #00000026}.btn-secondary{background:#fff;color:var(--gray-700);border:1.5px solid var(--gray-300);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000d}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400);color:var(--gray-900);box-shadow:0 4px 10px -2px #00000026,0 6px 14px -4px #0000001a}.btn-secondary:active:not(:disabled){background:var(--gray-100);border-color:var(--gray-400);box-shadow:0 1px 3px #0000001a,inset 0 1px 2px #0000000f}.btn-outline{background:#fff;color:var(--primary-600);border:1.5px solid var(--primary-300);box-shadow:0 1px 2px #8b5cf614}.btn-outline:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-500);color:var(--primary-700);box-shadow:0 4px 10px -2px #8b5cf640,0 6px 14px -4px #8b5cf633}.btn-outline:active:not(:disabled){background:var(--primary-100);border-color:var(--primary-600);box-shadow:0 1px 3px #8b5cf633,inset 0 1px 2px #8b5cf626}.btn-success{background:linear-gradient(180deg,var(--success-500) 0%,var(--success-600) 100%);color:#fff;box-shadow:0 2px 8px -2px #10b98180,0 4px 12px -4px #10b9814d,inset 0 1px #ffffff26}.btn-success:hover:not(:disabled){background:linear-gradient(180deg,var(--success-600) 0%,var(--success-700) 100%);box-shadow:0 6px 16px -4px #10b98199,0 10px 24px -6px #10b98166,inset 0 1px #fff3}.btn-success:active:not(:disabled){background:linear-gradient(180deg,var(--success-700) 0%,var(--success-800) 100%);box-shadow:0 2px 6px #10b98180,inset 0 2px 4px #00000026}.btn-danger{background:linear-gradient(180deg,var(--danger-500) 0%,var(--danger-600) 100%);color:#fff;box-shadow:0 2px 8px -2px #ef444480,0 4px 12px -4px #ef44444d,inset 0 1px #ffffff26}.btn-danger:hover:not(:disabled){background:linear-gradient(180deg,var(--danger-600) 0%,var(--danger-700) 100%);box-shadow:0 6px 16px -4px #ef444499,0 10px 24px -6px #ef444466,inset 0 1px #fff3}.btn-danger:active:not(:disabled){background:linear-gradient(180deg,var(--danger-700) 0%,var(--danger-800) 100%);box-shadow:0 2px 6px #ef444480,inset 0 2px 4px #00000026}.btn-warning{background:linear-gradient(180deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px -2px #f59e0b80,0 4px 12px -4px #f59e0b4d,inset 0 1px #ffffff26}.btn-warning:hover:not(:disabled){background:linear-gradient(180deg,#d97706,#b45309);box-shadow:0 6px 16px -4px #f59e0b99,0 10px 24px -6px #f59e0b66,inset 0 1px #fff3}.btn-warning:active:not(:disabled){background:linear-gradient(180deg,#b45309,#92400e);box-shadow:0 2px 6px #f59e0b80,inset 0 2px 4px #00000026}.btn-ghost{background:transparent;color:var(--gray-600);border:none;min-height:2.5rem;padding:.5rem 1rem;box-shadow:none}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--gray-900);box-shadow:0 1px 3px #0000000d}.btn-ghost:active:not(:disabled){background:var(--gray-200);box-shadow:inset 0 1px 2px #0000000d}.btn-sm{padding:.5rem 1rem;min-height:2.25rem;font-size:.875rem;gap:var(--space-1);border-radius:.5rem}.btn-sm .material-icons{font-size:1rem}.btn-lg{padding:.875rem 1.75rem;min-height:3.25rem;font-size:1rem;border-radius:.75rem}.btn-lg .material-icons{font-size:1.375rem}.btn-large{padding:1rem 2rem;min-height:3.5rem;font-size:1.125rem;border-radius:.875rem}.btn-large .material-icons{font-size:1.5rem}.btn-block{width:100%}.btn-icon{padding:.625rem!important;min-height:2.75rem;width:2.75rem;aspect-ratio:1}.btn-icon .material-icons{margin:0}.btn-icon.btn-sm{padding:.5rem!important;min-height:2.25rem;width:2.25rem}.btn-icon.btn-sm .material-icons{font-size:1rem}.btn.is-loading{position:relative;color:transparent;pointer-events:none}.btn.is-loading:after{content:"";position:absolute;width:1rem;height:1rem;top:50%;left:50%;margin-left:-.5rem;margin-top:-.5rem;border:2px solid currentColor;border-radius:50%;border-right-color:transparent;animation:spin .6s linear infinite;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}.btn-icon{padding:var(--spacing-sm);width:36px;height:36px}.btn-icon.btn-sm{padding:var(--spacing-xs);width:28px;height:28px}.btn-icon.btn-lg{padding:var(--spacing-md);width:44px;height:44px}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid currentColor;pointer-events:none;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.btn-group{display:inline-flex;gap:var(--spacing-sm)}.btn-group-attached{display:inline-flex}.btn-group-attached .btn{border-radius:0}.btn-group-attached .btn:first-child{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.btn-group-attached .btn:last-child{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.btn-group-attached .btn:not(:last-child){border-right:none}