:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--border-color:#e2e8f0;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--brand-primary:#059669;--brand-primary-rgb:5, 150, 105;--brand-dark:#065f46;--brand-light:#d1fae5;--success-color:#10b981;--success-color-rgb:16, 185, 129;--warning-color:#f59e0b;--warning-color-rgb:245, 158, 11;--error-color:#ef4444;--error-color-rgb:239, 68, 68;--accent-color:#8b5cf6;--accent-color-rgb:139, 92, 246;--info-color:#3b82f6;--info-color-rgb:59, 130, 246;--app-font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--base-font-size:15px}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#0f172a;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--border-color:#334155;--shadow-sm:0 1px 3px 0 #0006;--shadow-md:0 4px 6px -1px #00000080;--shadow-lg:0 10px 15px -3px #0009;--brand-primary:#10b981;--brand-primary-rgb:16, 185, 129;--brand-dark:#059669;--brand-light:#10b9811a;--success-color:#34d399;--warning-color:#fbbf24;--error-color:#f87171;--accent-color:#a78bfa;--info-color:#60a5fa}*{box-sizing:border-box;font-family:var(--app-font);font-size:var(--base-font-size);transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s}html,body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--app-font);font-size:var(--base-font-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border:2px solid var(--bg-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.toast-container{z-index:99999;pointer-events:none;flex-direction:column;gap:12px;width:calc(100% - 48px);max-width:400px;display:flex;position:fixed;bottom:24px;right:24px}.toast-popup{pointer-events:auto;-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);cursor:pointer;background:#ffffffd9;border-radius:16px;padding:16px;transition:transform .2s,box-shadow .2s,background-color .2s;animation:.35s cubic-bezier(.16,1,.3,1) forwards toastSlideIn;position:relative;overflow:hidden;transform:translate(120%);box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #0000000a}[data-theme=dark] .toast-popup{background:#1e293bd9}.toast-popup:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:0 25px 30px -5px #0000001f,0 15px 15px -5px #00000014}[data-theme=dark] .toast-popup:hover{background:#1e293bf2}.toast-body{align-items:flex-start;gap:12px;display:flex}.toast-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex}.toast-popup.announcement{border-left:4px solid var(--brand-primary)}.toast-popup.announcement .toast-icon-wrap{background:#10b9811f}.toast-popup.announcement .toast-icon.announcement{color:var(--brand-primary)}.toast-popup.alert{border-left:4px solid var(--info-color)}.toast-popup.alert .toast-icon-wrap{background:#3b82f61f}.toast-popup.alert .toast-icon.alert{color:var(--info-color)}.toast-popup.discussion{border-left:4px solid var(--accent-color)}.toast-popup.discussion .toast-icon-wrap{background:#8b5cf61f}.toast-popup.discussion .toast-icon.discussion{color:var(--accent-color)}.toast-content{flex-direction:column;flex-grow:1;gap:4px;padding-right:12px;display:flex}.toast-title{color:var(--text-primary);margin:0;font-size:15px;font-weight:700;line-height:1.3}.toast-message{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.toast-sender{color:var(--text-tertiary);margin-top:2px;font-size:11px;font-weight:600}.toast-close{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:-2px;margin-right:-4px;padding:4px;transition:background-color .2s,color .2s;display:flex}.toast-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.toast-progress{width:100%;height:3px;animation:linear forwards shrinkProgress;position:absolute;bottom:0;left:0}.toast-popup.announcement .toast-progress{background:var(--brand-primary)}.toast-popup.alert .toast-progress{background:var(--info-color)}.toast-popup.discussion .toast-progress{background:var(--accent-color)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes shrinkProgress{0%{width:100%}to{width:0%}}