.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent;outline:none;font-family:inherit;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-primary{position:relative;background:var(--gradient-primary);color:var(--on-primary);box-shadow:0 4px 15px color-mix(in srgb,var(--primary) 35%,transparent);border:none;overflow:hidden}.btn.btn-primary:before{content:"";position:absolute;inset:0;background:#0000001a;opacity:0;transition:opacity .2s ease}.btn.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px color-mix(in srgb,var(--primary) 45%,transparent)}.btn.btn-primary:hover:not(:disabled):before{opacity:1}.btn.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px color-mix(in srgb,var(--primary) 30%,transparent)}.btn.btn-primary:active:not(:disabled):before{opacity:.5}.btn.btn-secondary{background-color:var(--bg-surface);color:var(--prodify-text);border:1px solid var(--border-color)}.btn.btn-secondary:hover:not(:disabled){background-color:var(--bg-body);border-color:var(--color-slate-300, #d1d5db)}.btn.btn-ghost{background-color:transparent;color:var(--prodify-text-muted)}.btn.btn-ghost:hover:not(:disabled){background-color:color-mix(in srgb,var(--on-surface) 5%,transparent);color:var(--prodify-text)}.btn.btn-danger{position:relative;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;box-shadow:0 4px 15px color-mix(in srgb,#ef4444 35%,transparent);overflow:hidden}.btn.btn-danger:before{content:"";position:absolute;inset:0;background:#0000001a;opacity:0;transition:opacity .2s ease}.btn.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px color-mix(in srgb,#ef4444 45%,transparent)}.btn.btn-danger:hover:not(:disabled):before{opacity:1}.btn.btn-danger:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px color-mix(in srgb,#ef4444 30%,transparent)}.btn.btn-danger:active:not(:disabled):before{opacity:.5}.btn.btn-outline-danger{background:transparent;color:#ef4444;border:1px solid #ef4444}.btn.btn-outline-danger:hover:not(:disabled){background:color-mix(in srgb,#ef4444 10%,transparent)}.btn.btn-outline-danger:active:not(:disabled){background:color-mix(in srgb,#ef4444 15%,transparent)}.btn.btn-ai{background:var(--gradient-primary);color:var(--on-primary);border:none;box-shadow:0 4px 15px color-mix(in srgb,var(--primary) 30%,transparent);padding:8px 20px;border-radius:20px}.btn.btn-ai:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px color-mix(in srgb,var(--primary) 40%,transparent)}.btn.btn-gradient-border{background:linear-gradient(var(--bg-body),var(--bg-body)) padding-box,var(--gradient-border) border-box;border:1px solid transparent;border-radius:20px;color:var(--prodify-text);padding:8px 20px}.btn.btn-gradient-border:hover:not(:disabled){background:linear-gradient(var(--bg-surface),var(--bg-surface)) padding-box,var(--gradient-border) border-box;transform:translateY(-1px)}.btn.btn-sm{padding:4px 10px;font-size:.8rem;border-radius:6px}.btn.btn-lg{padding:12px 24px;font-size:1rem;border-radius:10px}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;aspect-ratio:1;background:transparent;border:none;cursor:pointer;color:var(--on-surface-variant);transition:all .2s ease}.btn-icon:hover{background-color:color-mix(in srgb,var(--on-surface) 8%,transparent);color:var(--on-surface)}.btn-icon:active{background-color:color-mix(in srgb,var(--on-surface) 12%,transparent)}.btn-icon.btn-icon-sm{padding:4px;border-radius:6px}.btn-icon.btn-icon-lg{padding:12px;border-radius:10px}.chip{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;line-height:1;white-space:nowrap}.chip-success{background-color:var(--chip-bg-success);color:#15803d}.chip-warning{background-color:var(--chip-bg-warning);color:#b45309}.chip-danger{background-color:var(--chip-bg-danger);color:#dc2626}.chip-info{background-color:var(--chip-bg-info);color:#0284c7}.chip-neutral{background-color:var(--chip-bg-neutral);color:var(--prodify-text-muted)}.chip-purple{background-color:var(--chip-bg-purple);color:var(--prodify-purple)}.chip-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--prodify-text-muted)}.chip-dot{width:6px;height:6px;border-radius:50%;margin-right:6px;background-color:currentColor}.form-group{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:3px;margin:-3px}.form-label{transform:translate(3px) translateY(3px);position:absolute;left:.875rem;top:.375rem;font-size:.6875rem;font-weight:600;letter-spacing:.02em;color:var(--on-surface-variant, #64748b);pointer-events:none;z-index:1;transition:color .15s ease;line-height:1}.form-label .required{color:var(--color-danger);margin-left:2px;font-weight:700}:where(input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],input[type=date],input[type=datetime],input[type=datetime-local],textarea,select),.form-control{width:100%;padding:1.25rem .875rem .5rem;font-size:.875rem;font-family:inherit;font-weight:500;letter-spacing:-.01em;color:var(--on-surface, #1e293b);background-color:var(--surface, #ffffff);border:1px solid var(--outline, #e2e8f0);border-radius:10px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;box-sizing:border-box;appearance:none;min-height:48px}:is(:where(input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],input[type=date],input[type=datetime],input[type=datetime-local],textarea,select),.form-control)::placeholder{color:var(--on-surface-variant, #94a3b8);opacity:.5;font-weight:400}:is(:where(input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],input[type=date],input[type=datetime],input[type=datetime-local],textarea,select),.form-control):hover:not(:disabled):not(:focus){border-color:var(--outline-variant, #cbd5e1);background-color:color-mix(in srgb,var(--surface) 98%,var(--primary))}:is(:where(input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],input[type=date],input[type=datetime],input[type=datetime-local],textarea,select),.form-control):focus{outline:none;border-color:var(--primary, #0d9488);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary, #0d9488) 10%,transparent),0 1px 2px #0000000a;background-color:var(--surface, #ffffff)}:is(:where(input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],input[type=date],input[type=datetime],input[type=datetime-local],textarea,select),.form-control):disabled{background-color:var(--surface-container, var(--background));color:var(--on-surface-variant);cursor:not-allowed;border-color:color-mix(in srgb,var(--on-surface) 25%,transparent)}:is(:where(input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],input[type=date],input[type=datetime],input[type=datetime-local],textarea,select),.form-control):disabled::placeholder{color:var(--on-surface-variant);opacity:.6}.form-group.has-icon .input-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--on-surface-variant, #94a3b8);z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:1rem}.form-group.has-icon .form-label{left:calc(.875rem + 24px)}.form-group.has-icon :where(input,textarea,select){padding-left:calc(.875rem + 24px)}.input-with-prefix,.input-with-suffix{position:relative;display:flex;align-items:center;width:100%;background-color:var(--surface, #ffffff);border:1px solid var(--outline, #e2e8f0);border-radius:10px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;min-height:48px}.input-prefix,.input-suffix{display:flex;align-items:center;justify-content:center;color:var(--on-surface-variant, #64748b);font-size:.875rem;font-weight:600;flex-shrink:0;padding-top:.75rem;-webkit-user-select:none;user-select:none}.input-prefix{padding-left:.875rem;padding-right:.25rem}.input-suffix{padding-right:.875rem;padding-left:.25rem}.input-with-prefix input,.input-with-suffix input{flex:1;border:none!important;background:transparent!important;border-radius:0!important;min-width:0;min-height:auto;box-shadow:none!important;outline:none!important;padding-left:.25rem;padding-top:1.25rem;padding-bottom:.5rem}.input-with-prefix input{padding-right:.875rem}.input-with-suffix input{padding-left:.875rem;padding-right:.25rem}.input-with-prefix input:focus,.input-with-suffix input:focus,.input-with-prefix input:focus-visible,.input-with-suffix input:focus-visible{outline:none!important;box-shadow:none!important;border:none!important}.input-with-prefix:hover:not(:has(input:disabled)),.input-with-suffix:hover:not(:has(input:disabled)){border-color:var(--outline-variant, #cbd5e1);background-color:color-mix(in srgb,var(--surface) 98%,var(--primary))}.input-with-prefix:focus-within,.input-with-suffix:focus-within{border-color:var(--primary, #0d9488);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary, #0d9488) 10%,transparent),0 1px 2px #0000000a;background-color:var(--surface, #ffffff)}.form-group:has(.form-error) .input-with-prefix,.form-group:has(.form-error) .input-with-suffix,.form-group.has-error .input-with-prefix,.form-group.has-error .input-with-suffix{border-color:var(--color-danger)}.form-group:has(.form-error) .input-with-prefix:focus-within,.form-group:has(.form-error) .input-with-suffix:focus-within,.form-group.has-error .input-with-prefix:focus-within,.form-group.has-error .input-with-suffix:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 10%,transparent),0 1px 2px #0000000a}.input-with-prefix:has(input:disabled),.input-with-suffix:has(input:disabled){background-color:var(--surface-container, var(--background));border-color:color-mix(in srgb,var(--on-surface) 25%,transparent);cursor:not-allowed}:is(.input-with-prefix:has(input:disabled),.input-with-suffix:has(input:disabled)) .input-prefix,:is(.input-with-prefix:has(input:disabled),.input-with-suffix:has(input:disabled)) .input-suffix,:is(.input-with-prefix:has(input:disabled),.input-with-suffix:has(input:disabled)) input{color:var(--on-surface-variant)}.form-group.has-icon-right .input-icon-right{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);color:var(--on-surface-variant, #94a3b8);z-index:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s ease;font-size:1rem}.form-group.has-icon-right .input-icon-right:hover{color:var(--primary, #0d9488)}.form-group.has-icon-right :where(input){padding-right:calc(.875rem + 24px)}.form-group:focus-within:not(.has-error):not(:has(.form-error)) .form-label{color:var(--primary)}:is(.form-group.has-error,.form-group:has(.form-error)) :where(input,textarea,select){border-color:var(--color-danger);background-color:color-mix(in srgb,var(--color-danger) 2%,var(--surface))}:is(.form-group.has-error,.form-group:has(.form-error)) :where(input,textarea,select):focus{border-color:var(--color-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 10%,transparent),0 1px 2px #0000000a;background-color:var(--surface, #ffffff)}:is(.form-group.has-error,.form-group:has(.form-error)) .form-label{color:var(--color-danger)}.form-hint{font-size:.6875rem;font-weight:500;letter-spacing:.01em;color:var(--on-surface-variant, #94a3b8);margin-top:.375rem;margin-left:.875rem;line-height:1.4}.form-hint.form-error{color:var(--color-danger);font-weight:600}textarea{min-height:80px;resize:vertical;line-height:1.5;padding-top:1.375rem}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:14px;padding-right:2.5rem}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5;transition:opacity .15s ease;width:16px;height:16px}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.checkbox-wrapper{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}input[type=checkbox]{width:18px;height:18px;min-height:18px;border-radius:5px;border:1.5px solid var(--outline, #e2e8f0);appearance:none;background-color:var(--surface, #ffffff);cursor:pointer;position:relative;padding:0;transition:all .15s ease;flex-shrink:0}input[type=checkbox]:hover:not(:checked):not(:disabled){border-color:var(--outline-variant, #cbd5e1);background-color:color-mix(in srgb,var(--primary) 3%,var(--surface))}input[type=checkbox]:checked{background-color:var(--primary, #0d9488);border-color:var(--primary, #0d9488);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:12px}input[type=checkbox]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary, #0d9488) 12%,transparent)}input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}label.toggle-switch{position:relative;display:inline-block;width:40px;height:22px}label.toggle-switch input{opacity:0;width:0;height:0;padding:0;min-height:0}label.toggle-switch input:checked+.slider{background:var(--primary, #0d9488)}label.toggle-switch input:checked+.slider:before{transform:translate(18px);box-shadow:0 1px 3px #0000001f}label.toggle-switch input:focus+.slider{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}label.toggle-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-slate-300, #cbd5e1);transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:22px}label.toggle-switch .slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:transform .2s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 1px 2px #0000001a}label.toggle-switch:hover .slider{background-color:var(--color-slate-400, #94a3b8)}label.toggle-switch:hover input:checked+.slider{background:var(--primary-hover, #0f766e)}label.toggle-switch.toggle-switch-sm{width:32px;height:18px}label.toggle-switch.toggle-switch-sm input:checked+.slider:before{transform:translate(14px)}label.toggle-switch.toggle-switch-sm .slider{border-radius:18px}label.toggle-switch.toggle-switch-sm .slider:before{height:12px;width:12px;left:3px;bottom:3px}label.toggle-switch.toggle-switch-lg{width:48px;height:26px}label.toggle-switch.toggle-switch-lg input:checked+.slider:before{transform:translate(22px)}label.toggle-switch.toggle-switch-lg .slider{border-radius:26px}label.toggle-switch.toggle-switch-lg .slider:before{height:20px;width:20px;left:3px;bottom:3px}.toggle-label{position:relative;display:inline-flex;align-items:center;gap:.625rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label:has(.toggle-input:disabled){cursor:not-allowed}.toggle-label span.toggle-switch{position:relative;display:block;width:40px;height:22px;background:var(--color-slate-300, #cbd5e1);border-radius:22px;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.toggle-label span.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0000001a;transition:transform .2s cubic-bezier(.4,0,.2,1)}.toggle-label:hover span.toggle-switch{background:var(--color-slate-400, #94a3b8)}.toggle-label:has(.toggle-input:checked) span.toggle-switch{background:var(--primary, #0d9488)}.toggle-label:has(.toggle-input:checked) span.toggle-switch:after{transform:translate(18px);box-shadow:0 1px 3px #0000001f}.toggle-label:hover:has(.toggle-input:checked) span.toggle-switch{background:var(--primary-hover, #0f766e)}.toggle-label:has(.toggle-input:focus-visible) span.toggle-switch{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.toggle-label:has(.toggle-input:disabled) span.toggle-switch{opacity:.5}.toggle-label .toggle-text{font-size:.8125rem;font-weight:500;letter-spacing:-.01em;color:var(--on-surface);transition:color .15s ease}.toggle-label:has(.toggle-input:checked) .toggle-text{color:var(--primary)}.toggle-label:has(.toggle-input:disabled) .toggle-text{opacity:.5}.toggle-label.toggle-inline{width:100%;padding:.5rem .875rem;background-color:var(--surface, #ffffff);border:1px solid var(--outline, #e2e8f0);border-radius:10px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;min-height:48px;justify-content:flex-start;gap:.75rem}.toggle-label.toggle-inline:hover:not(:has(.toggle-input:disabled)){border-color:var(--outline-variant, #cbd5e1);background-color:color-mix(in srgb,var(--surface) 98%,var(--primary))}.toggle-label.toggle-inline:has(.toggle-input:focus-visible){border-color:var(--primary, #0d9488);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary, #0d9488) 10%,transparent),0 1px 2px #0000000a;background-color:var(--surface, #ffffff)}.toggle-label.toggle-inline:has(.toggle-input:focus-visible) span.toggle-switch{box-shadow:none}.toggle-label.toggle-inline:has(.toggle-input:disabled){background-color:var(--surface-container, var(--background));border-color:color-mix(in srgb,var(--on-surface) 25%,transparent);opacity:.6}.toggle-label.toggle-inline .toggle-text{font-size:.875rem;font-weight:500;flex:1}.toggle-input{position:absolute!important;opacity:0!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:none!important;appearance:none!important;pointer-events:none;min-height:0!important}.toggle-text{font-size:.8125rem;font-weight:500;color:var(--on-surface, #1e293b);letter-spacing:-.01em;transition:color .15s ease}.search-input{background-color:var(--background, #f8fafc);border-color:transparent;border-radius:10px}.search-input:focus{background-color:var(--surface, #ffffff);border-color:var(--primary)}.input-group{position:relative;display:flex;align-items:center}.input-group .input-icon-left{position:absolute;left:.875rem;color:var(--on-surface-variant, #94a3b8);pointer-events:none;display:flex;align-items:center;z-index:1}.input-group input{padding-left:calc(.875rem + 24px)}.mat-mdc-select{width:100%}.mat-mdc-select .mat-mdc-select-trigger{padding:1.25rem .875rem .5rem;background-color:var(--surface, #ffffff);border:1px solid var(--outline, #e2e8f0);border-radius:10px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;min-height:48px}.mat-mdc-select .mat-mdc-select-value{font-size:.875rem;font-weight:500;letter-spacing:-.01em;color:var(--on-surface, #1e293b)}.mat-mdc-select .mat-mdc-select-placeholder{color:var(--on-surface-variant, #94a3b8);opacity:.5}.mat-mdc-select .mat-mdc-select-arrow-wrapper{padding-left:6px}.mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow{color:var(--on-surface-variant);width:14px;height:14px}.mat-mdc-select:not(.mat-mdc-select-disabled):hover .mat-mdc-select-trigger{border-color:var(--outline-variant, #cbd5e1);background-color:color-mix(in srgb,var(--surface) 98%,var(--primary))}.mat-mdc-select.mat-mdc-select-panel-open .mat-mdc-select-trigger,.mat-mdc-select:focus-within .mat-mdc-select-trigger{border-color:var(--primary, #0d9488);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary, #0d9488) 10%,transparent),0 1px 2px #0000000a;background-color:var(--surface, #ffffff)}.mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-trigger{background-color:var(--color-slate-50, #f8fafc);cursor:not-allowed;opacity:.6;border-color:transparent}.mat-mdc-select .mat-mdc-select-trigger:after{display:none}.mat-mdc-select-panel{background:var(--dropdown-bg, var(--surface, #ffffff))!important;border:1px solid var(--dropdown-border, var(--outline-variant, #e2e8f0))!important;border-radius:10px!important;box-shadow:0 4px 16px #00000014,0 1px 3px #0000000a!important;padding:.375rem!important;max-height:260px;overflow-y:auto}.mat-mdc-select-panel .mat-mdc-option{display:flex;align-items:center;font-size:.8125rem;font-weight:500;letter-spacing:-.01em;color:var(--on-surface);background:transparent;border-radius:8px;margin:1px 2px;min-height:40px;padding:0 .75rem;cursor:pointer;transition:background-color .12s ease;position:relative}.mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit}.mat-mdc-select-panel .mat-mdc-option .mat-mdc-option-ripple,.mat-mdc-select-panel .mat-mdc-option .mat-ripple{display:none}.mat-mdc-select-panel .mat-mdc-option:hover:not([aria-disabled=true]){background-color:color-mix(in srgb,var(--primary) 6%,transparent)}.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-active:not([aria-disabled=true]){background-color:color-mix(in srgb,var(--primary) 8%,transparent)}.mat-mdc-select-panel .mat-mdc-option[aria-selected=true]:not(.mat-mdc-option-multiple):not([aria-disabled=true]){background-color:color-mix(in srgb,var(--primary) 6%,transparent);color:var(--primary);font-weight:600;padding-left:2rem}.mat-mdc-select-panel .mat-mdc-option[aria-selected=true]:not(.mat-mdc-option-multiple):not([aria-disabled=true]) .mdc-list-item__primary-text{color:var(--primary)}.mat-mdc-select-panel .mat-mdc-option[aria-selected=true]:not(.mat-mdc-option-multiple):not([aria-disabled=true]):before{content:"";position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:14px;height:14px;background-color:var(--primary);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.mat-mdc-select-panel .mat-mdc-option[aria-selected=true]:not(.mat-mdc-option-multiple):not([aria-disabled=true]):hover{background-color:color-mix(in srgb,var(--primary) 10%,transparent)}.mat-mdc-select-panel .mat-mdc-option[aria-disabled=true]{opacity:.5;cursor:not-allowed}.mat-mdc-select-panel .mat-mdc-option:not(.mat-mdc-option-multiple) .mat-pseudo-checkbox{display:none}.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-multiple{padding-left:.75rem}.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-multiple .mat-pseudo-checkbox{margin-right:10px;border-radius:5px;border:1.5px solid var(--outline);width:16px;height:16px;background:transparent;transition:all .12s ease}.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-multiple .mat-pseudo-checkbox-checked{background:var(--primary);border-color:var(--primary)}.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-multiple .mat-pseudo-checkbox-checked:after{color:#fff;top:1px;left:4px;width:5px;height:8px}.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-multiple[aria-selected=true]:not([aria-disabled=true]){padding-left:.75rem}.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-multiple[aria-selected=true]:not([aria-disabled=true]):before{display:none}.mat-mdc-select-panel::-webkit-scrollbar{width:4px}.mat-mdc-select-panel::-webkit-scrollbar-track{background:transparent}.mat-mdc-select-panel::-webkit-scrollbar-thumb{background:var(--outline);border-radius:2px}.mat-mdc-select-panel::-webkit-scrollbar-thumb:hover{background:var(--on-surface-variant)}.mat-mdc-option.select-empty-option,.mat-mdc-option.autocomplete-empty-option{pointer-events:auto;min-height:auto;padding:0}:is(.mat-mdc-option.select-empty-option,.mat-mdc-option.autocomplete-empty-option) .mdc-list-item__primary-text{width:100%}.mat-mdc-autocomplete-panel{background:var(--dropdown-bg, var(--surface, #ffffff))!important;border:1px solid var(--dropdown-border, var(--outline-variant, #e2e8f0))!important;border-radius:10px!important;box-shadow:0 4px 16px #00000014,0 1px 3px #0000000a!important;padding:.375rem!important;max-height:260px;overflow-y:auto}.mat-mdc-autocomplete-panel .mat-mdc-option{display:flex;align-items:center;font-size:.8125rem;font-weight:500;letter-spacing:-.01em;color:var(--on-surface);background:transparent;border-radius:8px;margin:1px 2px;min-height:40px;padding:0 .75rem;cursor:pointer;transition:background-color .12s ease}.mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit}.mat-mdc-autocomplete-panel .mat-mdc-option .mat-mdc-option-ripple,.mat-mdc-autocomplete-panel .mat-mdc-option .mat-ripple{display:none}.mat-mdc-autocomplete-panel .mat-mdc-option:hover:not([aria-disabled=true]){background-color:color-mix(in srgb,var(--primary) 6%,transparent)}.mat-mdc-autocomplete-panel .mat-mdc-option.mat-mdc-option-active:not([aria-disabled=true]){background-color:color-mix(in srgb,var(--primary) 8%,transparent)}.mat-mdc-autocomplete-panel .mat-mdc-option[aria-disabled=true]{cursor:not-allowed}.mat-mdc-autocomplete-panel::-webkit-scrollbar{width:4px}.mat-mdc-autocomplete-panel::-webkit-scrollbar-track{background:transparent}.mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb{background:var(--outline);border-radius:3px}.mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb:hover{background:var(--on-surface-variant)}.card{background:var(--card-bg);color:var(--on-surface);border-radius:var(--card-radius-xl);padding:var(--card-padding-lg);box-shadow:var(--shadow-card);border:1px solid var(--card-border);transition:box-shadow .3s ease,transform .3s ease;position:relative}.card:hover{box-shadow:var(--shadow-card-hover)}.card-sm{padding:var(--card-padding-sm);border-radius:var(--card-radius-md)}.card-lg{padding:var(--card-padding-xl);border-radius:var(--card-radius-2xl)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.card-dark{background:var(--inverse-surface);color:var(--inverse-on-surface);border:1px solid var(--card-border-hover)}.card-dark h2,.card-dark .card-title,.card-dark .task-title,.card-dark .goal-title{color:var(--inverse-on-surface)}.card-dark .text-muted,.card-dark .task-count,.card-dark .subtitle,.card-dark .btn-icon{color:var(--inverse-on-surface-variant)}.card-dark .btn-icon:hover{background:#ffffff1a;color:var(--inverse-on-surface)}.card-primary{background:var(--primary);color:var(--on-primary);border:none;box-shadow:0 8px 30px color-mix(in srgb,var(--primary) 30%,transparent)}.card-primary:hover{box-shadow:0 12px 40px color-mix(in srgb,var(--primary) 40%,transparent)}.card-primary h2,.card-primary .card-title,.card-primary .text-muted,.card-primary .day-name,.card-primary .day-date{color:var(--on-primary)!important}.card-primary .btn-icon,.card-primary .nav-arrow{color:#fffc}.card-primary .btn-icon:hover,.card-primary .nav-arrow:hover{background:#fff3;color:var(--on-primary)}.card-glass{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5)}.card-flat{box-shadow:none;border:1px solid var(--outline)}.card-flat:hover{box-shadow:none;border-color:var(--primary)}.card-outlined{background:transparent;box-shadow:none;border:1px solid var(--outline)}.card-outlined:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 4%,transparent)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-size:1.125rem;font-weight:600;color:var(--on-surface);margin:0}.card-subtitle{font-size:.875rem;color:var(--on-surface-variant);margin:4px 0 0}.card-body{color:var(--on-surface)}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid var(--outline)}.card-list-item{display:flex;flex-direction:column;gap:12px;padding:var(--card-padding-md) var(--card-padding-lg);border-radius:var(--card-radius-lg);background:var(--card-bg);box-shadow:var(--shadow-xs);border:1px solid var(--card-border);transition:box-shadow .2s ease}.card-list-item:hover{box-shadow:var(--shadow-sm)}.card-list-item .card-label{display:inline-flex;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:500;width:fit-content}.card-list-item .card-label-blue{background:var(--chip-bg-info);color:#0284c7}.card-list-item .card-label-green{background:var(--chip-bg-success);color:#15803d}.card-list-item .card-label-orange{background:var(--chip-bg-warning);color:#b45309}.card-list-item .card-label-purple{background:var(--chip-bg-purple);color:var(--primary)}.card-list-item .card-item-title{font-size:1.25rem;font-weight:600;color:var(--on-surface);margin:0}.card-list-item .card-item-description{font-size:.875rem;color:var(--on-surface-variant);margin:0;line-height:1.5}.card-list-item .card-item-meta{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.card-list-item .card-meta-item{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--on-surface)}.card-list-item .card-meta-item ng-icon,.card-list-item .card-meta-item .icon{color:var(--on-surface-variant)}.card-list-item .card-item-action{margin-left:auto;color:var(--primary);font-weight:500;font-size:.875rem;display:flex;align-items:center;gap:4px;cursor:pointer;transition:gap .2s ease}.card-list-item .card-item-action:hover{gap:8px}body.dark-theme .card{box-shadow:var(--shadow-card);border-color:var(--card-border)}body.dark-theme .card:hover{box-shadow:var(--shadow-card-hover)}body.dark-theme .card-interactive:hover{box-shadow:var(--shadow-xl)}body.dark-theme .card-list-item{box-shadow:var(--shadow-xs);border-color:var(--card-border)}body.dark-theme .card-list-item:hover{box-shadow:var(--shadow-sm)}body.dark-theme .card-glass{background:#1e1e2db3;border-color:var(--card-border-hover)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;min-width:180px;background-color:var(--surface);border-radius:12px;box-shadow:var(--shadow-md);padding:8px;margin-top:8px;z-index:1002;border:1px solid var(--outline);animation:dropdownSlideDown .2s ease-out;box-sizing:border-box}.dropdown-menu.dropdown-right{left:auto;right:0}.dropdown-menu.dropdown-top{top:auto;bottom:100%;margin-top:0;margin-bottom:8px;animation:dropdownSlideUp .2s ease-out}.dropdown-menu.dropdown-full{width:100%}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 12px;color:var(--on-surface);cursor:pointer;transition:background-color .2s;font-size:.9rem;border-radius:8px;text-decoration:none;border:none;background:none;text-align:left}.dropdown-item:is(a){width:auto}.dropdown-item:is(button){width:100%}.dropdown-item:hover{background-color:var(--sidenav-active-bg, var(--background))}.dropdown-item.danger{color:#ef4444}.dropdown-item.danger:hover{background-color:var(--chip-bg-danger)}.dropdown-item ng-icon,.dropdown-item .dropdown-icon{color:var(--on-surface-variant);flex-shrink:0}.dropdown-item.danger ng-icon,.dropdown-item.danger .dropdown-icon{color:#ef4444}.dropdown-divider{height:1px;background-color:var(--outline);margin:4px 0}.dropdown-header{padding:8px 12px;font-size:.75rem;font-weight:600;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.5px}.dropdown-popover{margin:4px 0 0;border:none;overflow:visible;max-width:none;max-height:none;padding:8px;min-width:180px;background-color:var(--surface);border:1px solid var(--outline);border-radius:12px;box-shadow:var(--shadow-md);position:fixed;position-area:bottom span-left;opacity:0;transform:translateY(-8px) scale(.95);transition:opacity .2s ease-out,transform .2s ease-out,overlay .2s ease-out allow-discrete,display .2s ease-out allow-discrete}.dropdown-popover:popover-open{opacity:1;transform:translateY(0) scale(1)}@starting-style{.dropdown-popover:popover-open{opacity:0;transform:translateY(-8px) scale(.95)}}.dropdown-popover.dropdown-top{position-area:top span-left;margin-top:0;margin-bottom:8px;transform:translateY(8px) scale(.95)}.dropdown-popover.dropdown-top:popover-open{transform:translateY(0) scale(1)}@starting-style{.dropdown-popover.dropdown-top:popover-open{transform:translateY(8px) scale(.95)}}.dropdown-popover.dropdown-top.dropdown-full{position-area:top span-all;width:anchor-size(width)}.dropdown-popover.dropdown-right{position-area:bottom span-right}.dropdown-popover.dropdown-full{position-area:bottom span-all;width:anchor-size(width)}@supports not (position-area: bottom){.dropdown-popover{inset:unset;top:anchor(bottom,100%);left:anchor(left,0)}}.dropdown-item.success{color:#059669}.dropdown-item.success:hover{background-color:#10b9811a}.dropdown-item.warning{color:#d97706}.dropdown-item.warning:hover{background-color:#f59e0b1a}.select-panel{position:static;margin-top:0;padding:6px;animation:selectPanelIn .2s ease-out}@keyframes selectPanelIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.select-panel .select-option{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:all .15s ease;color:var(--on-surface);font-size:.925rem;border-radius:8px;margin:2px 0}.select-panel .select-option:hover:not(.is-disabled){background-color:var(--sidenav-active-bg, color-mix(in srgb, var(--primary) 8%, transparent))}.select-panel .select-option.is-active:not(.is-disabled){background-color:var(--sidenav-active-bg, color-mix(in srgb, var(--primary) 10%, transparent))}.select-panel .select-option.is-selected{color:var(--primary);font-weight:500;background-color:color-mix(in srgb,var(--primary) 6%,transparent)}.select-panel .select-option.is-selected:hover:not(.is-disabled){background-color:color-mix(in srgb,var(--primary) 12%,transparent)}.select-panel .select-option.is-disabled{opacity:.5;cursor:not-allowed;color:var(--on-surface-variant)}.select-panel .select-option-check{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--primary);flex-shrink:0}.select-panel .select-option-content{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-panel::-webkit-scrollbar{width:6px}.select-panel::-webkit-scrollbar-track{background:transparent}.select-panel::-webkit-scrollbar-thumb{background:var(--outline);border-radius:3px}.select-panel::-webkit-scrollbar-thumb:hover{background:var(--on-surface-variant)}.form-content{display:flex;flex-direction:column;gap:1.5rem}.form-content .card{background:color-mix(in srgb,var(--primary) 6%,var(--surface));border:none;box-shadow:none;padding:12px;border-radius:8px}.form-content .card:hover{box-shadow:none}.form-content .card-header{margin-bottom:1rem}.item-form .card-full{grid-column:1 / -1}.item-form .card-span-2{grid-column:span 2}.section-badge{display:flex;align-items:flex-start;gap:.875rem}.form-content .section-badge{gap:0;padding-bottom:.75rem;border-bottom:1px solid var(--outline);width:100%}.form-content .card-title{font-size:.9375rem;font-weight:500;color:var(--on-surface);margin:0}.form-content .card-subtitle{font-size:.8125rem;color:var(--on-surface-variant);margin:4px 0 0}.section-number{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;background:var(--surface);color:var(--primary);font-size:.8125rem;font-weight:700;border-radius:50%;letter-spacing:.025em;border:1px solid var(--outline);margin-right:12px}.section-icon{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;background:var(--chip-bg-primary);color:var(--primary);border-radius:8px;margin-right:12px}.form-stack{display:flex;flex-direction:column;gap:.5rem}.form-row{container-type:inline-size;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@container (width < 520px){.form-row{grid-template-columns:1fr}}.form-row.cols-3{grid-template-columns:repeat(3,1fr)}@container (width < 900px){.form-row.cols-3{grid-template-columns:repeat(2,1fr)}}@container (width < 520px){.form-row.cols-3{grid-template-columns:1fr}}.form-row.cols-4{grid-template-columns:repeat(4,1fr)}@container (width < 1200px){.form-row.cols-4{grid-template-columns:repeat(2,1fr)}}@container (width < 520px){.form-row.cols-4{grid-template-columns:1fr}}.form-row--single{grid-template-columns:1fr}.form-row--phone{grid-template-columns:90px 1fr}.form-group--small{max-width:90px}.toggle-group{display:flex;flex-wrap:wrap;gap:1.5rem}.toggle-group .toggle-label{padding:.75rem 1rem;background:var(--color-stone-50, var(--color-slate-50));border-radius:var(--card-radius-sm);transition:background-color .2s ease}.toggle-group .toggle-label:hover{background:var(--color-stone-100, var(--color-slate-100))}.toggle-group .toggle-label:has(.toggle-input:checked){background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.form-error,.required{color:var(--chip-color-danger, #ef4444)}.input-readonly{background-color:var(--surface-container, var(--background));color:var(--on-surface-variant);cursor:not-allowed;border-color:color-mix(in srgb,var(--on-surface) 25%,transparent)}.input-disabled{background-color:var(--surface-container, var(--background))!important;color:var(--on-surface-variant)!important;cursor:not-allowed!important;border-color:color-mix(in srgb,var(--on-surface) 25%,transparent)!important}.form-group--disabled{cursor:not-allowed}.form-group--disabled>*{pointer-events:none}.form-group--disabled .form-label{color:var(--on-surface-variant)}.form-group--disabled :where(input,textarea,select):disabled{background-color:var(--surface-container, var(--background));color:var(--on-surface-variant);border-color:color-mix(in srgb,var(--on-surface) 25%,transparent)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem;text-align:center;border:2px dashed var(--outline);border-radius:var(--card-radius-sm);background:var(--background);cursor:pointer;transition:all .2s ease}.empty-state:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,var(--surface))}.empty-state__icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin-bottom:1rem;background:var(--chip-bg-primary);color:var(--primary);border-radius:50%}.empty-state__title{margin:0;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.empty-state__hint{margin:.375rem 0 0;font-size:.8125rem;color:var(--text-secondary)}.permissions-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem;text-align:center;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 3%,transparent),color-mix(in srgb,var(--secondary) 3%,transparent));border-radius:12px;border:1px dashed var(--outline)}.permissions-placeholder .permissions-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:1rem;background:var(--gradient-primary);border-radius:16px;color:var(--on-primary);box-shadow:var(--shadow-md)}.permissions-placeholder .permissions-text{font-size:.9375rem;font-weight:500;color:var(--text-primary);margin:0 0 .375rem}.permissions-placeholder .permissions-hint{font-size:.8125rem;color:var(--text-secondary)}@media(max-width:640px){.form-row,.form-row--phone{grid-template-columns:1fr}.form-group--small{max-width:none}.section-badge{gap:.75rem}.section-number,.section-icon{min-width:2rem;height:2rem;font-size:.75rem}.toggle-group{flex-direction:column;gap:1rem}.permissions-placeholder{padding:2rem 1rem}.permissions-placeholder .permissions-icon{width:64px;height:64px;border-radius:12px}}:root{--color-ember: #EE7035;--color-ember-light: #F48D5A;--color-ember-dark: #D4612B;--color-ember-50: #FFF8F5;--color-ember-100: #FFEFE8;--color-ember-200: #FFDFD0;--color-rose: #D94F6D;--color-rose-light: #E8708A;--color-rose-dark: #BE3D5A;--color-crimson: #9B2C4A;--color-crimson-light: #B8405E;--color-crimson-dark: #7D2139;--color-ink: #2D2A3E;--color-ink-light: #3D3952;--color-ink-lighter: #4F4A68;--color-white: #ffffff;--color-pearl: #FDFCFB;--color-stone-50: #FAFAF9;--color-stone-100: #F5F4F2;--color-stone-200: #E7E5E2;--color-stone-300: #D5D2CD;--color-stone-400: #A3A098;--color-stone-500: #706D66;--color-stone-600: #545250;--color-stone-700: #3D3B39;--color-stone-800: #282725;--color-stone-900: #1A1918;--primary: var(--color-ember);--primary-hover: var(--color-ember-dark);--primary-light: var(--color-ember-light);--on-primary: var(--color-white);--secondary: var(--color-rose);--secondary-hover: var(--color-rose-dark);--on-secondary: var(--color-white);--background: var(--color-stone-50);--on-background: var(--color-stone-800);--surface: var(--color-white);--on-surface: var(--color-stone-800);--on-surface-variant: var(--color-stone-500);--outline: var(--color-stone-200);--inverse-surface: var(--color-ink);--inverse-on-surface: var(--color-white);--inverse-on-surface-variant: var(--color-stone-400);--bg-body: var(--background);--bg-surface: var(--surface);--text-primary: var(--on-surface);--text-secondary: var(--on-surface-variant);--border-color: var(--outline);--brand-primary: var(--primary);--prodify-text: var(--on-surface);--prodify-text-muted: var(--on-surface-variant);--sidenav-bg: var(--color-white);--sidenav-text: var(--color-stone-500);--sidenav-text-hover: var(--primary);--sidenav-active-bg: color-mix(in srgb, var(--primary) 10%, transparent);--sidenav-border: var(--outline);--shadow-xs: 0 1px 2px color-mix(in srgb, var(--color-ink) 5%, transparent);--shadow-sm: 0 2px 8px color-mix(in srgb, var(--color-ink) 7%, transparent);--shadow-md: 0 4px 20px color-mix(in srgb, var(--color-ink) 9%, transparent);--shadow-lg: 0 8px 30px color-mix(in srgb, var(--color-ink) 12%, transparent);--shadow-xl: 0 12px 40px color-mix(in srgb, var(--color-ink) 16%, transparent);--shadow-card: 0 4px 20px color-mix(in srgb, var(--color-ink) 8%, transparent);--shadow-card-hover: 0 8px 30px color-mix(in srgb, var(--color-ink) 12%, transparent);--shadow-glow: 0 0 40px color-mix(in srgb, var(--color-ember) 25%, transparent);--shadow-glow-rose: 0 0 40px color-mix(in srgb, var(--color-rose) 20%, transparent);--gradient-primary: linear-gradient(135deg, var(--color-ember) 0%, var(--color-rose) 100%);--gradient-primary-reverse: linear-gradient(135deg, var(--color-rose) 0%, var(--color-ember) 100%);--gradient-sunset: linear-gradient(135deg, var(--color-ember) 0%, var(--color-rose) 50%, var(--color-crimson) 100%);--gradient-accent: linear-gradient(135deg, var(--color-ember-light) 0%, var(--color-ember) 100%);--gradient-warm: linear-gradient(135deg, var(--color-ember) 0%, var(--color-ember-dark) 100%);--gradient-border: linear-gradient(to right, var(--color-ember), var(--color-rose));--gradient-text: linear-gradient(to right, var(--color-ember), var(--color-rose));--gradient-ai: var(--gradient-sunset);--gradient-subtle: linear-gradient(135deg, var(--color-stone-50) 0%, color-mix(in srgb, var(--color-ember) 4%, var(--color-white)) 100%);--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--chip-bg-primary: color-mix(in srgb, var(--primary) 12%, transparent);--chip-bg-ember: color-mix(in srgb, var(--color-ember) 12%, transparent);--chip-bg-rose: color-mix(in srgb, var(--color-rose) 12%, transparent);--chip-bg-success: color-mix(in srgb, var(--color-success) 15%, var(--surface));--chip-bg-warning: color-mix(in srgb, var(--color-warning) 15%, var(--surface));--chip-bg-danger: color-mix(in srgb, var(--color-danger) 15%, var(--surface));--chip-bg-info: color-mix(in srgb, var(--color-info) 15%, var(--surface));--chip-bg-neutral: color-mix(in srgb, var(--on-surface-variant) 15%, var(--surface));--prodify-grid: color-mix(in srgb, var(--color-ink) 3%, transparent);--prodify-glow-start: color-mix(in srgb, var(--color-ember) 12%, transparent);--prodify-glow-end: color-mix(in srgb, var(--color-rose) 8%, transparent);--card-bg: var(--surface);--card-border: rgba(0, 0, 0, .04);--card-border-hover: rgba(0, 0, 0, .06);--card-radius-sm: 12px;--card-radius-md: 16px;--card-radius-lg: 20px;--card-radius-xl: 24px;--card-radius-2xl: 28px;--card-padding-sm: 16px;--card-padding-md: 20px;--card-padding-lg: 24px;--card-padding-xl: 32px;--input-padding-y: 12px;--input-padding-x: 16px;--input-font-size: .95rem;--input-border-radius: 12px;--input-icon-size: 20px;--input-icon-offset: 44px;--input-bg: var(--bg-surface);--input-border: var(--border-color);--input-border-hover: var(--color-slate-300);--input-border-focus: var(--primary);--input-text: var(--prodify-text);--input-placeholder: var(--prodify-text-muted);--input-disabled-bg: var(--color-slate-100);--input-disabled-opacity: .7;--input-focus-ring: color-mix(in srgb, var(--primary) 15%, transparent);--form-group-gap: 8px;--form-group-margin: 0px;--form-label-size: .9rem;--form-hint-size: .8rem;--form-label-gap: 8px;--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--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}body.dark-theme{--primary: var(--color-ember-light);--primary-hover: var(--color-ember);--primary-light: #F9A87A;--on-primary: var(--color-ink);--secondary: var(--color-rose-light);--secondary-hover: var(--color-rose);--on-secondary: var(--color-ink);--background: var(--color-ink);--on-background: var(--color-stone-100);--surface: var(--color-ink-light);--on-surface: var(--color-stone-100);--on-surface-variant: var(--color-stone-400);--outline: var(--color-ink-lighter);--inverse-surface: var(--color-white);--inverse-on-surface: var(--color-ink);--inverse-on-surface-variant: var(--color-stone-600);--bg-body: var(--background);--bg-surface: var(--surface);--text-primary: var(--on-surface);--text-secondary: var(--on-surface-variant);--border-color: var(--outline);--brand-primary: var(--primary);--prodify-text: var(--on-surface);--prodify-text-muted: var(--on-surface-variant);--sidenav-bg: var(--color-ink-light);--sidenav-text: var(--color-stone-400);--sidenav-text-hover: var(--primary);--sidenav-active-bg: color-mix(in srgb, var(--primary) 15%, transparent);--sidenav-border: var(--color-ink-lighter);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 20px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .6);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .7);--shadow-card: 0 4px 20px rgba(0, 0, 0, .5);--shadow-card-hover: 0 8px 30px rgba(0, 0, 0, .6), 0 0 40px color-mix(in srgb, var(--color-ember) 10%, transparent);--shadow-glow: 0 0 50px color-mix(in srgb, var(--color-ember) 30%, transparent);--shadow-glow-rose: 0 0 50px color-mix(in srgb, var(--color-rose) 25%, transparent);--gradient-primary: linear-gradient(135deg, var(--color-ember-light) 0%, var(--color-rose-light) 100%);--gradient-sunset: linear-gradient(135deg, var(--color-ember-light) 0%, var(--color-rose) 50%, var(--color-crimson-light) 100%);--gradient-text: linear-gradient(to right, var(--color-ember-light), var(--color-rose-light));--chip-bg-primary: color-mix(in srgb, var(--primary) 20%, transparent);--chip-bg-ember: color-mix(in srgb, var(--color-ember) 20%, transparent);--chip-bg-rose: color-mix(in srgb, var(--color-rose) 20%, transparent);--chip-bg-success: color-mix(in srgb, var(--color-success) 20%, transparent);--chip-bg-warning: color-mix(in srgb, var(--color-warning) 20%, transparent);--chip-bg-danger: color-mix(in srgb, var(--color-danger) 20%, transparent);--chip-bg-info: color-mix(in srgb, var(--color-info) 20%, transparent);--chip-bg-neutral: color-mix(in srgb, var(--on-surface-variant) 20%, transparent);--prodify-grid: color-mix(in srgb, var(--color-ember) 3%, transparent);--prodify-glow-start: color-mix(in srgb, var(--color-ember) 15%, transparent);--prodify-glow-end: color-mix(in srgb, var(--color-rose) 10%, transparent);--card-bg: var(--surface);--card-border: rgba(255, 255, 255, .06);--card-border-hover: rgba(255, 255, 255, .1);--input-bg: var(--bg-surface);--input-border: var(--border-color);--input-border-hover: var(--color-stone-600);--input-text: var(--prodify-text);--input-placeholder: var(--prodify-text-muted);--input-disabled-bg: var(--color-ink-lighter);--input-focus-ring: color-mix(in srgb, var(--primary) 20%, transparent)}html,body{height:100%;margin:0;font-family:Manrope,sans-serif;background-color:var(--background);color:var(--on-background);transition:background-color .3s ease,color .3s ease}*,*:after,*:before{box-sizing:border-box}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent!important;display:inline-block}.text-accent{color:var(--secondary)}.text-primary{color:var(--primary)}.bg-accent{background:var(--gradient-accent)}.bg-gradient{background:var(--gradient-primary)}.container-responsive{container-type:inline-size}.grid-responsive{container-type:inline-size;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}@container (width < 1200px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@container (width < 600px){.grid-responsive{grid-template-columns:1fr}}.grid-responsive-3{container-type:inline-size;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}@container (width < 900px){.grid-responsive-3{grid-template-columns:repeat(2,1fr)}}@container (width < 520px){.grid-responsive-3{grid-template-columns:1fr}}.grid-responsive-2{container-type:inline-size;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@container (width < 520px){.grid-responsive-2{grid-template-columns:1fr}}.mat-mdc-tooltip{font-size:.8125rem!important;line-height:1.4!important}.mat-mdc-tooltip-surface,.mdc-tooltip__surface{background-color:var(--inverse-surface)!important;color:var(--inverse-on-surface)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;max-width:280px;word-wrap:break-word;border:1px solid color-mix(in srgb,var(--primary) 20%,transparent)!important;opacity:1!important}