.toast-stack[data-v-64038b44]{right:calc(1.5rem + env(safe-area-inset-right,0px));bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));z-index:10000;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed}.toast-stack-inner[data-v-64038b44]{flex-direction:column;gap:.5rem;display:flex}.toast-item[data-v-64038b44]{pointer-events:auto;cursor:pointer;min-width:240px;max-width:400px;color:var(--bg-surface);border-radius:8px;align-items:center;gap:.6rem;padding:.75rem 1rem;font-size:.92rem;display:flex;box-shadow:0 8px 24px #0000002e}.toast-item--success[data-v-64038b44]{background:linear-gradient(135deg, #48bb78 0%, var(--success-color) 100%)}.toast-item--error[data-v-64038b44]{background:linear-gradient(135deg, #fc8181 0%, var(--error-color) 100%)}.toast-item--info[data-v-64038b44]{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%)}.toast-icon[data-v-64038b44]{flex-shrink:0;font-size:1rem;font-weight:700}.toast-message[data-v-64038b44]{flex:1;line-height:1.35}.toast-close[data-v-64038b44]{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:1.1rem;line-height:1}.toast-close[data-v-64038b44]:hover{opacity:1}.toast-enter-active[data-v-64038b44]{transition:opacity .25s ease-out,transform .25s ease-out}.toast-leave-active[data-v-64038b44]{transition:opacity .2s ease-in,transform .2s ease-in}.toast-enter-from[data-v-64038b44],.toast-leave-to[data-v-64038b44]{opacity:0;transform:translate(2rem)}:root{--primary-color:#667eea;--primary-dark:#764ba2;--primary-light:#667eea1a;--primary-bg:#667eea0d;--primary-bg-hover:#667eea14;--shadow-primary:#667eea59;--bg-page:#f8f9fa;--bg-surface:#fff;--bg-input:#fafafa;--bg-elevated:#f7fafc;--bg-secondary:#edf2f7;--bg-secondary-hover:#e2e8f0;--text-color:#333;--text-heading:#2d3748;--text-secondary:#4a5568;--text-muted:#556270;--text-muted-light:#a0aec0;--text-inverse:#fff;--success-color:#38a169;--success-bg:#f0fff4;--success-bg-status:#c6f6d5;--success-text:#22543d;--warning-color:#b45309;--warning-dark:#92400e;--warning-bg:#fffbeb;--warning-bg-status:#feebc8;--warning-text:#744210;--warning-border:#f59e0b;--info-color:#2b6cb0;--info-bg:#ebf4ff;--error-color:#e53e3e;--error-dark:#c53030;--error-bg:#fff5f5;--error-border:#feb2b2;--secondary-color:#edf2f7;--border-color:#0000001a;--border-muted:#cbd5e1;--overlay-bg:#0006;--modal-overlay:#00000080;--glass-bg:#ffffffd9;--glass-border:#ffffff4d;--spinner-border:#f3f3f3}:root[data-theme=dark]{--primary-color:#818cf8;--primary-dark:#a78bfa;--primary-light:#818cf826;--primary-bg:#818cf814;--primary-bg-hover:#818cf81f;--shadow-primary:#818cf840;--bg-page:#1a202c;--bg-surface:#2d3748;--bg-input:#2d3748;--bg-elevated:#283141;--bg-secondary:#4a5568;--bg-secondary-hover:#374151;--text-color:#e2e8f0;--text-heading:#f7fafc;--text-secondary:#a0aec0;--text-muted:#94a3b8;--text-muted-light:#64748b;--text-inverse:#1a202c;--success-color:#68d391;--success-bg:#68d3911a;--success-bg-status:#68d39126;--success-text:#9ae6b4;--warning-color:#f6ad55;--warning-dark:#fbd38d;--warning-bg:#f6ad551a;--warning-bg-status:#f6ad5526;--warning-text:#fbd38d;--warning-border:#f6ad55;--info-color:#82c8f3;--info-bg:#63b3ed1a;--error-color:#fc8181;--error-dark:#feb2b2;--error-bg:#fc81811a;--error-border:#fc8181;--secondary-color:#4a5568;--border-color:#ffffff1a;--border-muted:#4a5568;--overlay-bg:#0009;--modal-overlay:#000000b3;--glass-bg:#2d3748d9;--glass-border:#ffffff14;--spinner-border:#4a5568}body.theme-stage{--primary-color:#7fcd91;--primary-dark:#5cad70}.env-badge{bottom:calc(12px + env(safe-area-inset-bottom,0px));right:calc(12px + env(safe-area-inset-right,0px));z-index:9999;letter-spacing:.05em;color:var(--text-inverse);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:999px;padding:.3rem .7rem;font-size:.75rem;font-weight:700;position:fixed}.env-badge--stage{background:linear-gradient(135deg,#7fcd91 0%,#5cad70 100%);box-shadow:0 4px 12px #5cad7066}.env-badge--localprod{background:linear-gradient(135deg,#f56565 0%,#c53030 100%);box-shadow:0 4px 12px #c5303073}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-page);color:var(--text-color);margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 6px 15px var(--shadow-primary);transform:translateY(-2px)}.btn:disabled,.btn[disabled]{opacity:.55;cursor:not-allowed;filter:grayscale(.4);box-shadow:none;transform:none}.btn:disabled:hover,.btn[disabled]:hover{box-shadow:none;transform:none}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-secondary)}.btn-secondary:hover{background-color:var(--bg-secondary-hover)}.btn-danger{background-color:var(--error-bg);color:var(--error-color);border:1px solid var(--error-border)}.btn-danger:hover{background-color:var(--error-bg);border-color:var(--error-color)}.btn-small{padding:.4rem .8rem;font-size:.85rem}.form-input,.form-textarea{border:1px solid var(--border-color);background-color:var(--bg-input);border-radius:8px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1)}.form-input:focus,.form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light);outline:none}label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.9rem;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:4px solid var(--spinner-border);border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 32px #1f26870d}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
