:root{--color-primary:#0d9488;--color-primary-hover:#0b7a70;--color-secondary:#627181;--color-bg:#f8fafc;--color-surface:#fff;--color-text:#1e293b;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-success:#10b981;--color-danger:#ef4444;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:1rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}.btn-primary{background-color:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:none;font-weight:500;transition:background-color .2s}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{color:var(--color-secondary);border:1px solid var(--color-border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background-color:#fff;font-weight:500;transition:all .2s}.btn-secondary:hover{color:var(--color-text);background-color:#f1f5f9}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--color-border);box-shadow:0 1px 3px #0000001a}.input-field{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;font-size:1rem;transition:border-color .2s}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #0d948833}.form-group{margin-bottom:var(--space-4)}.form-group label{margin-bottom:var(--space-1);color:var(--color-secondary);font-size:.875rem;font-weight:500;display:block}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.segmented-control{background:var(--color-bg);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:.25rem;display:flex;position:relative}.segmented-control button{text-align:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl);color:var(--color-secondary);cursor:pointer;z-index:1;background:0 0;border:none;flex:1;font-weight:600;transition:color .3s}.segmented-control button.active{color:var(--color-primary)}.segmented-control button.active.danger{color:var(--color-danger)}.segment-indicator{background:var(--color-surface);border-radius:var(--radius-xl);width:calc(50% - .25rem);transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:.25rem;bottom:.25rem;box-shadow:0 1px 3px #0000001a}.segment-indicator.right{transform:translate(100%)}.floating-group{margin-bottom:var(--space-4);position:relative}.floating-group input,.floating-group textarea,.floating-group select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);appearance:none;outline:none;width:100%;padding:1.5rem 1rem .5rem;font-size:1rem;transition:all .2s}.floating-group input:focus,.floating-group textarea:focus,.floating-group select:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 2px #0d94881a}.floating-group input.danger:focus,.floating-group textarea.danger:focus,.floating-group select.danger:focus{border-color:var(--color-danger);box-shadow:0 0 0 2px #ef44441a}.floating-group label{color:var(--color-text-muted);pointer-events:none;font-size:1rem;transition:all .2s ease-out;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.floating-group textarea+label{top:1rem;transform:none}.floating-group input:focus+label,.floating-group input:not(:placeholder-shown)+label,.floating-group textarea:focus+label,.floating-group textarea:not(:placeholder-shown)+label,.floating-group select:focus+label,.floating-group.has-value label{color:var(--color-primary);font-size:.75rem;top:.5rem;transform:translateY(0)}.floating-group.danger input:focus+label,.floating-group.danger input:not(:placeholder-shown)+label,.floating-group.danger textarea:focus+label,.floating-group.danger textarea:not(:placeholder-shown)+label,.floating-group.danger select:focus+label,.floating-group.danger.has-value label{color:var(--color-danger)}