*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;margin:0;padding:0;overflow:hidden}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;min-height:100vh}#root{height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden}.toast-container{position:fixed;z-index:9999;pointer-events:none;max-width:400px}.toast-container.top-right{top:20px;right:20px}.toast-container.top-left{top:20px;left:20px}.toast-container.bottom-right{bottom:20px;right:20px}.toast-container.bottom-left{bottom:20px;left:20px}.toast-container.top-center{top:20px;left:50%;transform:translate(-50%)}.toast-container.bottom-center{bottom:20px;left:50%;transform:translate(-50%)}.toast-notification{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:12px;min-width:300px;max-width:400px;opacity:0;transform:translate(100%);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:auto;cursor:pointer;position:relative;overflow:hidden;border-left:4px solid #ccc}.toast-notification.toast-visible{opacity:1;transform:translate(0)}.toast-notification.toast-exiting{opacity:0;transform:translate(100%)}.toast-notification.toast-error{border-left-color:#f44336;background:linear-gradient(135deg,#fff,#ffebee)}.toast-notification.toast-warning{border-left-color:#ff9800;background:linear-gradient(135deg,#fff,#fff3e0)}.toast-notification.toast-success{border-left-color:#4caf50;background:linear-gradient(135deg,#fff,#e8f5e8)}.toast-notification.toast-info{border-left-color:#2196f3;background:linear-gradient(135deg,#fff,#e3f2fd)}.toast-content{display:flex;align-items:flex-start;padding:16px;gap:12px}.toast-icon{font-size:20px;flex-shrink:0;margin-top:2px}.toast-message{flex:1;min-width:0}.toast-title{font-weight:600;font-size:14px;color:#333;margin-bottom:4px;line-height:1.3}.toast-text{font-size:14px;color:#555;line-height:1.4;word-wrap:break-word}.toast-description{font-size:12px;color:#777;margin-top:4px;line-height:1.3}.toast-close{background:none;border:none;font-size:18px;color:#999;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.toast-close:hover{background:#0000001a;color:#666}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#4caf50,#2196f3);width:100%;transform-origin:left;animation:toast-progress linear}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-container.top-left .toast-notification,.toast-container.bottom-left .toast-notification{transform:translate(-100%)}.toast-container.top-left .toast-notification.toast-visible,.toast-container.bottom-left .toast-notification.toast-visible{transform:translate(0)}.toast-container.top-left .toast-notification.toast-exiting,.toast-container.bottom-left .toast-notification.toast-exiting{transform:translate(-100%)}.toast-container.top-center .toast-notification,.toast-container.bottom-center .toast-notification{transform:translateY(-100%)}.toast-container.top-center .toast-notification.toast-visible,.toast-container.bottom-center .toast-notification.toast-visible{transform:translateY(0)}.toast-container.top-center .toast-notification.toast-exiting,.toast-container.bottom-center .toast-notification.toast-exiting{transform:translateY(-100%)}@media (max-width: 480px){.toast-container{left:10px!important;right:10px!important;max-width:none;transform:none!important}.toast-notification{min-width:auto;max-width:none}}@media (prefers-color-scheme: dark){.toast-notification{background:#2d2d2d;color:#fff;box-shadow:0 4px 12px #0000004d}.toast-notification.toast-error{background:linear-gradient(135deg,#2d2d2d,#3d1a1a)}.toast-notification.toast-warning{background:linear-gradient(135deg,#2d2d2d,#3d2a1a)}.toast-notification.toast-success{background:linear-gradient(135deg,#2d2d2d,#1a3d1a)}.toast-notification.toast-info{background:linear-gradient(135deg,#2d2d2d,#1a2a3d)}.toast-title{color:#fff}.toast-text{color:#ccc}.toast-description{color:#aaa}.toast-close{color:#ccc}.toast-close:hover{background:#ffffff1a;color:#fff}}