*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--brand-25:#f6f8ff;--brand-50:#eef2ff;--brand-100:#dde7ff;--brand-200:#c5d4ff;--brand-300:#94b0ff;--brand-400:#5c8bff;--brand-500:#2563eb;--brand-600:#1d4ed8;--brand-700:#1e3a8a;--gray-25:#f8fafc;--gray-50:#f1f5f9;--gray-100:#e2e8f0;--gray-200:#cbd5f5;--gray-300:#94a3b8;--gray-400:#64748b;--gray-500:#475569;--success-50:#ecfdf5;--success-500:#10b981;--warning-50:#fff7ed;--warning-500:#df8a04;--danger-50:#fef2f2;--danger-500:#dc2626;--info-50:#e0f2fe;--info-500:#0ea5e9;--app-background:var(--gray-25);--surface-base:#fff;--surface-muted:#f7f9fc;--surface-elevated:#fbfdff;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--border-subtle:#e2e8f0;--border-strong:#cbd5f5;--shadow-xs:0 1px 2px #0f172a0f;--shadow-sm:0 2px 6px #0f172a14;--shadow-md:0 8px 24px #0f172a1f;--shadow-lg:0 20px 45px #0f172a24;--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.5rem;--space-9:3rem;--page-max-width:1440px;--transition:all 0.2s ease;--primary-color:var(--brand-500);--primary-dark:var(--brand-600);--primary-light:var(--brand-400);--secondary-color:var(--gray-400);--success-color:var(--success-500);--error-color:var(--danger-500);--warning-color:var(--warning-500);--background:var(--app-background);--surface:var(--surface-base);--border-color:var(--border-subtle);--radius-sm-legacy:var(--radius-sm);--radius-lg-legacy:var(--radius-lg)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;background:var(--app-background);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.6;min-height:100vh}img,picture,video{display:block;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}a{color:inherit;text-decoration:none}::selection{background:#2563eb33;color:#0f172a;color:var(--text-primary)}:focus-visible{outline:3px solid #2563eb59;outline-offset:2px}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:#94a3b8;color:var(--text-tertiary)}.text-error{color:#dc2626;color:var(--danger-500)}.text-success{color:#10b981;color:var(--success-500)}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:where(.page-shell,.dashboard-home,.user-management-container,.order-management,.coupon-management,.distributed-coupons-container,.third-party-accounts,.subscription-plans,.prompt-templates-page,.settings-container,.batch-management){margin:0 auto;max-width:1440px;max-width:var(--page-max-width);padding:2rem 2.5rem 3rem;padding:var(--space-7) var(--space-8) var(--space-9);width:100%}@media (max-width:768px){:where(.page-shell,.dashboard-home,.user-management-container,.order-management,.coupon-management,.distributed-coupons-container,.third-party-accounts,.subscription-plans,.prompt-templates-page,.settings-container,.batch-management){padding:1.5rem 1rem 2rem;padding:var(--space-6) var(--space-4) var(--space-7)}}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.page-header h1,.page-header h2{color:#0f172a;color:var(--text-primary);font-size:1.875rem;font-weight:700}.page-description,.page-header p{color:#475569;color:var(--text-secondary);font-size:.95rem;max-width:640px}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3)}.surface-card{background:#fff;background:var(--surface-base);border:1px solid #e2e8f0;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f172a0f;box-shadow:var(--shadow-xs);padding:1.25rem;padding:var(--space-5)}.surface-card--interactive:hover{box-shadow:0 2px 6px #0f172a14;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn{align-items:center;border:1px solid #0000;border-radius:10px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;gap:var(--space-2);justify-content:center;line-height:1.4;padding:.65rem 1.35rem;text-decoration:none;transition:all .2s ease;transition:var(--transition);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:#2563eb;background:var(--brand-500);box-shadow:0 1px 2px #0f172a0f;box-shadow:var(--shadow-xs);color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8;background:var(--brand-600);box-shadow:0 2px 6px #0f172a14;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-secondary{background:#fff;background:var(--surface-base);border-color:#e2e8f0;border-color:var(--border-subtle);color:#475569;color:var(--text-secondary)}.btn-outline,.btn-secondary:hover:not(:disabled){border-color:#c5d4ff;border-color:var(--brand-200);color:#1d4ed8;color:var(--brand-600)}.btn-outline{background:#0000}.btn-outline:hover:not(:disabled){background:#eef2ff;background:var(--brand-50);border-color:#5c8bff;border-color:var(--brand-400)}.btn-ghost{background:#0000;color:#475569;color:var(--text-secondary)}.btn-ghost:hover{background:#f1f5f9;background:var(--gray-50);color:#0f172a;color:var(--text-primary)}.btn-success{background:#10b981;background:var(--success-500);color:#fff}.btn-warning{background:#df8a04;background:var(--warning-500);color:#fff}.btn-danger{background:#dc2626;background:var(--danger-500);color:#fff}.btn-link{background:#0000;color:#2563eb;color:var(--brand-500);padding:0}.btn-sm{border-radius:6px;border-radius:var(--radius-sm);font-size:.8rem;padding:.4rem .85rem}.btn-lg{border-radius:16px;border-radius:var(--radius-lg);font-size:1rem;padding:.85rem 1.75rem}.input,input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{background:#fff;background:var(--surface-base);border:1px solid #e2e8f0;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius);color:#0f172a;color:var(--text-primary);font-size:.9rem;padding:.65rem .9rem;transition:all .2s ease;transition:var(--transition);width:100%}.input:focus,input:focus,select:focus,textarea:focus{border-color:#5c8bff;border-color:var(--brand-400);box-shadow:0 0 0 3px #2563eb26;outline:none}.input::placeholder,textarea::placeholder{color:#94a3b8;color:var(--text-tertiary)}.form-group{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.form-group label{color:#475569;color:var(--text-secondary);font-size:.9rem;font-weight:500}.form-row{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-hint{color:#94a3b8;color:var(--text-tertiary);font-size:.8rem}.checkbox-label{align-items:center;color:#475569;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;gap:var(--space-2);-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{accent-color:#2563eb;accent-color:var(--brand-500);height:1rem;width:1rem}.stats-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:1.5rem;margin-bottom:var(--space-6)}.stat-card,.stats-grid{gap:1rem;gap:var(--space-4)}.stat-card{align-items:flex-start;background:#fff;background:var(--surface-base);border:1px solid #e2e8f0;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f172a0f;box-shadow:var(--shadow-xs);display:flex;padding:1.25rem;padding:var(--space-5);transition:all .2s ease;transition:var(--transition)}.stat-card:hover{box-shadow:0 2px 6px #0f172a14;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat-icon{background:#eef2ff;background:var(--brand-50);border-radius:16px;border-radius:var(--radius-lg);color:#1d4ed8;color:var(--brand-600);display:grid;flex-shrink:0;height:56px;place-items:center;width:56px}.stat-icon-success{background:#ecfdf5;background:var(--success-50);color:#10b981;color:var(--success-500)}.stat-icon-info{background:#e0f2fe;background:var(--info-50);color:#0ea5e9;color:var(--info-500)}.stat-icon-warning{background:#fff7ed;background:var(--warning-50);color:#df8a04;color:var(--warning-500)}.stat-icon-danger{background:#fef2f2;background:var(--danger-50);color:#dc2626;color:var(--danger-500)}.stat-label{color:#94a3b8;color:var(--text-tertiary);font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}.stat-value{color:#0f172a;color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1.1}.stat-details{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2);margin-top:.5rem;margin-top:var(--space-2)}.stat-badge{align-items:center;background:#f1f5f9;background:var(--gray-50);border-radius:999px;border-radius:var(--radius-pill);color:#475569;color:var(--text-secondary);display:inline-flex;font-size:.75rem;font-weight:600;padding:.25rem .65rem}.stat-badge.success{background:#ecfdf5;background:var(--success-50);color:#10b981;color:var(--success-500)}.stat-badge.warning{background:#fff7ed;background:var(--warning-50);color:#df8a04;color:var(--warning-500)}.chart-grid,.charts-grid{grid-gap:1.25rem;grid-gap:var(--space-5);display:grid;gap:1.25rem;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.chart-card{background:#fff;background:var(--surface-base);border:1px solid #e2e8f0;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f172a0f;box-shadow:var(--shadow-xs);padding:1.25rem;padding:var(--space-5)}.chart-card.full-width{grid-column:1/-1}.chart-card h3{color:#0f172a;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-2)}.chart-description{color:#94a3b8;color:var(--text-tertiary);font-size:.85rem}.chart-description,.view-toggle{margin-bottom:1rem;margin-bottom:var(--space-4)}.view-toggle{align-items:center;background:#fff;background:var(--surface-base);border:1px solid #e2e8f0;border:1px solid var(--border-subtle);border-radius:999px;border-radius:var(--radius-pill);display:inline-flex;gap:.5rem;gap:var(--space-2);padding:.5rem;padding:var(--space-2)}.toggle-btn{background:#0000;border:none;border-radius:999px;border-radius:var(--radius-pill);color:#475569;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem 1rem;transition:all .2s ease;transition:var(--transition)}.toggle-btn:hover{color:#0f172a;color:var(--text-primary)}.toggle-btn.active{background:#2563eb;background:var(--brand-500);box-shadow:0 1px 2px #0f172a0f;box-shadow:var(--shadow-xs);color:#fff}:where(.filters,.filters-section,.filter-bar){background:#fff;background:var(--surface-base);border:1px solid #e2e8f0;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f172a0f;box-shadow:var(--shadow-xs);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);margin-bottom:1.25rem;margin-bottom:var(--space-5);padding:1rem;padding:var(--space-4)}.filter-group{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);min-width:200px}.filter-group label{color:#94a3b8;color:var(--text-tertiary);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.filter-group input,.filter-group select{min-height:42px}:where(.table-card,.table-container,.table-wrapper,.user-table-container,.accounts-table-container,.templates-table,.batches-table,.orders-section,.statistics-bar){background:#fff;background:var(--surface-base);border:1px solid #e2e8f0;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f172a0f;box-shadow:var(--shadow-xs)}:where(.table-container,.table-wrapper,.user-table-container,.accounts-table-container){overflow-x:auto}:where(.data-table,.user-table,.orders-table,.accounts-table,.coupons-table,.templates-table table,.batches-table table){border-collapse:collapse;min-width:720px;width:100%}:where(.data-table thead,.user-table thead,.orders-table thead,.accounts-table thead,.coupons-table thead,.templates-table thead,.batches-table thead){background:#f7f9fc;background:var(--surface-muted);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-subtle)}:where(.data-table th,.user-table th,.orders-table th,.accounts-table th,.coupons-table th,.templates-table th,.batches-table th){color:#94a3b8;color:var(--text-tertiary);font-size:.78rem;font-weight:600;letter-spacing:.05em;padding:.9rem 1rem;text-align:left;text-transform:uppercase}:where(.data-table td,.user-table td,.orders-table td,.accounts-table td,.coupons-table td,.templates-table td,.batches-table td){border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-subtle);color:#475569;color:var(--text-secondary);font-size:.9rem;padding:1rem}:where(.data-table tbody tr:hover,.user-table tbody tr:hover,.orders-table tbody tr:hover,.accounts-table tbody tr:hover,.coupons-table tbody tr:hover,.templates-table tbody tr:hover,.batches-table tbody tr:hover){background:#f1f5f9;background:var(--gray-50)}.table-actions{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.badge{align-items:center;border-radius:999px;border-radius:var(--radius-pill);display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:.25rem .75rem}.badge-success{background:#ecfdf5;background:var(--success-50);color:#10b981;color:var(--success-500)}.badge-warning{background:#fff7ed;background:var(--warning-50);color:#df8a04;color:var(--warning-500)}.badge-danger{background:#fef2f2;background:var(--danger-50);color:#dc2626;color:var(--danger-500)}.badge-secondary{background:#f1f5f9;background:var(--gray-50);color:#475569;color:var(--text-secondary)}.status-badge{align-items:center;border-radius:999px;border-radius:var(--radius-pill);display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.3rem .85rem;text-transform:uppercase}.status-active{background:#ecfdf5;background:var(--success-50);color:#10b981;color:var(--success-500)}.status-inactive{background:#f1f5f9;background:var(--gray-50);color:#475569;color:var(--text-secondary)}.status-danger,.status-suspended{background:#fef2f2;background:var(--danger-50);color:#dc2626;color:var(--danger-500)}.status-warning{background:#fff7ed;background:var(--warning-50);color:#df8a04;color:var(--warning-500)}.status-processing{background:#e0f2fe;background:var(--info-50);color:#0ea5e9;color:var(--info-500)}.status-completed{background:#ecfdf5;background:var(--success-50);color:#10b981;color:var(--success-500)}.status-cancelled{background:#fef2f2;background:var(--danger-50);color:#dc2626;color:var(--danger-500)}.status-unused{background:#eef2ff;background:var(--brand-50);color:#1d4ed8;color:var(--brand-600)}.status-used{background:#ecfdf5;background:var(--success-50);color:#10b981;color:var(--success-500)}.status-expired{background:#fef2f2;background:var(--danger-50);color:#dc2626;color:var(--danger-500)}.pagination{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-subtle);display:flex;gap:.75rem;gap:var(--space-3);justify-content:center;margin-top:1rem;margin-top:var(--space-4);padding:1rem;padding:var(--space-4)}.btn-page,.pagination-btn{background:#fff;background:var(--surface-base);border:1px solid #e2e8f0;border:1px solid var(--border-subtle);border-radius:999px;border-radius:var(--radius-pill);color:#475569;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;transition:var(--transition)}.btn-page:hover:not(:disabled),.pagination-btn:hover:not(:disabled){border-color:#5c8bff;border-color:var(--brand-400);color:#1d4ed8;color:var(--brand-600)}.btn-page:disabled,.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.page-info,.pagination-info{color:#94a3b8;color:var(--text-tertiary);font-size:.85rem}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding:1rem;padding:var(--space-4);position:fixed;z-index:1000}.modal,.modal-content,.modal-shell{background:#fff;background:var(--surface-base);border:1px solid #e2e8f0;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 45px #0f172a24;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:92vh;overflow:hidden;width:min(640px,100%)}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:1.25rem;padding:var(--space-5)}.modal-header h2,.modal-header h3{font-size:1.25rem;font-weight:600;margin:0}.btn-close,.modal-close{background:#0000;border:none;border-radius:10px;border-radius:var(--radius);color:#94a3b8;color:var(--text-tertiary);cursor:pointer;display:grid;height:2.25rem;place-items:center;transition:all .2s ease;transition:var(--transition);width:2.25rem}.btn-close:hover,.modal-close:hover{background:#f1f5f9;background:var(--gray-50);color:#0f172a;color:var(--text-primary)}.modal-body{overflow-y:auto;padding:1.25rem;padding:var(--space-5)}.modal-actions,.modal-footer{background:#fff;background:var(--surface-base);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-subtle);display:flex;gap:.75rem;gap:var(--space-3);justify-content:flex-end;padding:1rem 1.25rem;padding:var(--space-4) var(--space-5)}.cancel-btn,.confirm-btn,.danger-btn,.modal-btn{border:none;border-radius:10px;border-radius:var(--radius);cursor:pointer;font-weight:500;padding:.55rem 1.25rem;transition:all .2s ease;transition:var(--transition)}.cancel-btn{background:#f1f5f9;background:var(--gray-50);color:#475569;color:var(--text-secondary)}.confirm-btn{background:#2563eb;background:var(--brand-500);color:#fff}.danger-btn{background:#dc2626;background:var(--danger-500);color:#fff}.error-message,.success-message,.warning-text{align-items:center;border-radius:10px;border-radius:var(--radius);display:flex;font-size:.9rem;gap:.5rem;gap:var(--space-2);padding:.9rem 1rem}.error-message{background:#fef2f2;background:var(--danger-50);border:1px solid #dc262640;color:#dc2626;color:var(--danger-500)}.success-message{background:#ecfdf5;background:var(--success-50);border:1px solid #10b98133;color:#10b981;color:var(--success-500)}.warning-text{background:#fff7ed;background:var(--warning-50);border:1px solid #df8a044d;color:#df8a04;color:var(--warning-500)}.empty-state,.loading,.loading-block,.loading-container{align-items:center;color:#475569;color:var(--text-secondary);display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3);justify-content:center;padding:1.5rem;padding:var(--space-6);text-align:center}.spinner{animation:spin .8s linear infinite;border:3px solid #2563eb26;border-radius:50%;border-top:3px solid var(--brand-500);height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.skeleton-card,.skeleton-line{animation:skeleton 1.4s ease infinite;background:linear-gradient(90deg,#f1f5f9,#f8fafc,#f1f5f9);background:linear-gradient(90deg,var(--gray-50),var(--gray-25),var(--gray-50));background-size:400% 400%;border-radius:10px;border-radius:var(--radius)}.skeleton-card{height:150px}.skeleton-line{height:14px;margin:.3rem 0}@keyframes skeleton{0%{background-position:0 50%}to{background-position:-135% 50%}}.card{background:#fff;background:var(--surface-base);border:1px solid #e2e8f0;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f172a0f;box-shadow:var(--shadow-xs);padding:1.25rem;padding:var(--space-5)}.mb-1{margin-bottom:.5rem;margin-bottom:var(--space-2)}.mb-2{margin-bottom:.75rem;margin-bottom:var(--space-3)}.mb-3{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-4{margin-bottom:1.25rem;margin-bottom:var(--space-5)}.mt-1{margin-top:.5rem;margin-top:var(--space-2)}.mt-2{margin-top:.75rem;margin-top:var(--space-3)}.mt-3{margin-top:1rem;margin-top:var(--space-4)}.mt-4{margin-top:1.25rem;margin-top:var(--space-5)}.toast-container{display:flex;flex-direction:column;gap:.75rem;pointer-events:none;position:fixed;right:1.5rem;top:1.5rem;z-index:9999}.toast{align-items:center;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;display:flex;gap:.85rem;max-width:400px;min-width:300px;padding:.95rem 1.15rem;pointer-events:auto;transition:var(--transition)}.toast:hover{box-shadow:var(--shadow-lg);transform:translateX(-4px)}.toast-icon{display:grid;font-size:1.1rem;height:22px;place-items:center;width:22px}.toast-message{color:var(--text-secondary);flex:1 1;font-size:.92rem;font-weight:500;line-height:1.4}.toast-close{background:#0000;border:none;color:inherit;display:grid;height:22px;opacity:.65;place-items:center;transition:opacity .2s;width:22px}.toast-close:hover{opacity:1}.toast-success{background:var(--success-50);border-color:#10b98159;color:#065f46}.toast-success .toast-icon{color:var(--success-500)}.toast-error{background:var(--danger-50);border-color:#ef444459;color:#7f1d1d}.toast-error .toast-icon{color:var(--danger-500)}.toast-warning{background:var(--warning-50);border-color:#f59e0b73;color:#92400e}.toast-warning .toast-icon{color:var(--warning-500)}.toast-info{background:var(--brand-50);border-color:#3b82f659;color:#1e3a8a}.toast-info .toast-icon{color:var(--brand-500)}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(120%)}}.toast-slide-in{animation:toast-slide-in .3s cubic-bezier(.4,0,.2,1)}.toast-slide-out{animation:toast-slide-out .25s cubic-bezier(.4,0,.2,1)}@media (max-width:640px){.toast-container{left:1rem;right:1rem;top:1rem}.toast{min-width:0;min-width:auto;width:100%}}