@layer components{.toast-container{position:fixed;top:var(--container-padding, 20px);right:var(--container-padding, 20px);z-index:10000;max-width:400px;pointer-events:none}.toast{background:var(--background-secondary, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-bottom:12px;padding:var(--container-padding, 16px) var(--container-padding, 20px);position:relative;pointer-events:auto;min-height:var(--touch-target-min, 60px);display:flex;align-items:center;gap:12px;opacity:0;transform:translate(100%);transition:all .3s cubic-bezier(.4,0,.2,1)}.toast.show{opacity:1;transform:translate(0)}.toast.hide{opacity:0;transform:translate(100%)}.toast.success{border-left:4px solid var(--success-color, #10b981);background:var(--success-bg, #f0fdf4)}.toast.error{border-left:4px solid var(--error-color, #ef4444);background:var(--error-bg, #fef2f2)}.toast.warning{border-left:4px solid var(--warning-color, #f59e0b);background:var(--warning-bg, #fffbeb)}.toast.info{border-left:4px solid var(--info-color, #3b82f6);background:var(--info-bg, #eff6ff)}.toast-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.toast.success .toast-icon{background:var(--success-color, #10b981)}.toast.error .toast-icon{background:var(--error-color, #ef4444)}.toast.warning .toast-icon{background:var(--warning-color, #f59e0b)}.toast.info .toast-icon{background:var(--info-color, #3b82f6)}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;font-size:14px;line-height:1.4;margin:0 0 4px;color:var(--text-primary, #1f2937)}.toast-message{font-size:13px;line-height:1.4;margin:0;color:var(--text-secondary, #6b7280)}.toast-close{position:absolute;top:8px;right:8px;background:none;border:none;padding:4px;cursor:pointer;color:var(--text-secondary, #6b7280);border-radius:4px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:16px;line-height:1}.toast-close:hover{background:var(--hover-bg, rgb(0 0 0 / 5%));color:var(--text-primary, #1f2937)}.toast-close:focus{outline:2px solid var(--focus-color, #3b82f6);outline-offset:2px}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--progress-bg, rgb(0 0 0 / 10%));border-radius:0 0 8px 8px;overflow:hidden}.toast-progress-bar{height:100%;background:var(--progress-color, #3b82f6);transition:width .1s linear}.toast.success .toast-progress-bar{background:var(--success-color, #10b981)}.toast.error .toast-progress-bar{background:var(--error-color, #ef4444)}.toast.warning .toast-progress-bar{background:var(--warning-color, #f59e0b)}.toast.info .toast-progress-bar{background:var(--info-color, #3b82f6)}@media (prefers-contrast: high){.toast{border-width:2px;box-shadow:0 2px 8px #0000004d}.toast-close:focus{outline-width:3px}}@media (prefers-reduced-motion: reduce){.toast{transition:opacity .2s ease}.toast.show,.toast.hide{transform:none}}body.dark-mode .toast{background:var(--theme-bg-secondary);border:1px solid var(--theme-border);color:var(--theme-text-primary);box-shadow:0 4px 12px var(--theme-shadow-hover)}body.dark-mode .toast.success{border-left:4px solid var(--color-success);background:#4caf501a}body.dark-mode .toast.error{border-left:4px solid var(--color-error);background:#f443361a}body.dark-mode .toast.warning{border-left:4px solid var(--color-warning);background:#ffc1071a}body.dark-mode .toast.info{border-left:4px solid var(--color-info);background:#2196f31a}body.dark-mode .toast-icon{color:var(--theme-text-primary)}body.dark-mode .toast.success .toast-icon{color:var(--color-success)}body.dark-mode .toast.error .toast-icon{color:var(--color-error)}body.dark-mode .toast.warning .toast-icon{color:var(--color-warning)}body.dark-mode .toast.info .toast-icon{color:var(--color-info)}body.dark-mode .toast-content,body.dark-mode .toast-title{color:var(--theme-text-primary)}body.dark-mode .toast-message{color:var(--theme-text-secondary)}body.dark-mode .toast-close{color:var(--theme-text-secondary);background:var(--theme-bg-primary);border:1px solid var(--theme-border)}body.dark-mode .toast-close:hover{color:var(--theme-text-primary);background:var(--theme-bg-secondary);border-color:var(--theme-border-hover)}body.dark-mode .toast-close:focus{outline-color:var(--color-primary)}body.dark-mode .toast-progress{background:var(--theme-bg-primary)}body.dark-mode .toast-progress-fill{background:var(--color-primary)}body.dark-mode .toast.success .toast-progress-fill{background:var(--color-success)}body.dark-mode .toast.error .toast-progress-fill{background:var(--color-error)}body.dark-mode .toast.warning .toast-progress-fill{background:var(--color-warning)}body.dark-mode .toast.info .toast-progress-fill{background:var(--color-info)}}