@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Tajawal:wght@300;400;500;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Tajawal:wght@400;500;700&display=swap";:root{--bg-main:#f0f4f8;--bg-surface:#fff;--bg-surface-rgb:255, 255, 255;--bg-surface-elevated:#fff;--bg-hover:#f8fafc;--text-main:#1e293b;--text-muted:#64748b;--text-on-accent:#fff;--border-color:#e2e8f0;--border-hover:#cbd5e1;--accent-color:#0ea5e9;--accent-hover:#0284c7;--accent-soft:#f0f9ff;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--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;--sans:"Tajawal", "Inter", system-ui, sans-serif;--heading:"Tajawal", "Inter", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-size:16px;line-height:1.6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=dark]{--bg-main:#0b0e14;--bg-surface:#151921;--bg-surface-rgb:21, 25, 33;--bg-surface-elevated:#1e2530;--bg-hover:#232a37;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-on-accent:#fff;--border-color:#262c3a;--border-hover:#374151;--accent-color:#3b82f6;--accent-hover:#60a5fa;--accent-soft:#3b82f61a;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #00000080;--shadow-lg:0 10px 15px -3px #0009}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}body{background:var(--bg-main);color:var(--text-main);font-family:var(--sans);margin:0;padding:0;transition:background .3s,color .3s}h1,h2,h3,h4,h5,h6{font-family:var(--heading);color:var(--text-main);margin:0;font-weight:600}h1{letter-spacing:clamp(-.5px,-.03em,-1.68px);margin:clamp(1rem,2vw,2rem) 0;font-size:clamp(1.75rem,4vw,3.5rem)}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:clamp(1.15rem,2.5vw,1.5rem);line-height:118%}h3{font-size:clamp(1rem,2vw,1.25rem)}h4{font-size:clamp(.9rem,1.8vw,1.1rem)}h5,h6{font-size:clamp(.85rem,1.5vw,1rem)}p{color:var(--text-muted);margin:0}*{box-sizing:border-box}html,body{overflow-x:hidden}body.menu-open{overflow:hidden}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:.9375rem;line-height:135%}[data-theme=dark] .login-page{background:var(--bg-main)}[data-theme=dark] .login-panel--form{background:var(--bg-surface);color:var(--text-main);border-left:1px solid var(--border-color)}[data-theme=dark] .login-field__input{background:var(--bg-main);border-color:var(--border-color);color:var(--text-main)}[data-theme=dark] .login-field__input:focus{border-color:var(--accent-color);background:var(--bg-surface-elevated)}img,video{max-width:100%;height:auto;display:block}@media (width<=1280px){:root{font-size:15.5px}}@media (width<=768px){button,a,[role=button]{min-height:44px}input,select,textarea{min-height:48px;font-size:16px}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}@media (width<=412px){:root{font-size:14.5px}}@media (width<=360px){:root{font-size:14px}h1{font-size:clamp(1.5rem,5vw,2.5rem)}h2{font-size:clamp(1.1rem,3vw,1.4rem)}}@keyframes zoomHero{0%{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes shine{0%{transform:translate(-130%)skew(-12deg)}to{transform:translate(130%)skew(-12deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-page{min-height:100vh;font-family:Tajawal,sans-serif;transition:background .7s;position:relative;overflow:hidden}.login-bg-image{object-fit:cover;z-index:0;width:100%;height:100%;animation:1.6s ease-out both zoomHero;position:absolute;inset:0}.login-bg-overlay{z-index:1;transition:background .7s;position:absolute;inset:0}.login-page.dark .login-bg-overlay{background:linear-gradient(135deg,#050a14d1,#0514238c)}.login-page.light .login-bg-overlay{background:linear-gradient(135deg,#ffffff7a,#f0f7fc47)}.login-controls{z-index:100;gap:12px;display:flex;position:fixed;top:28px;right:28px}.login-controls__btn{cursor:pointer;-webkit-backdrop-filter:blur(20px);border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-family:Tajawal,sans-serif;font-size:14px;font-weight:600;transition:all .3s;display:flex}.login-page.dark .login-controls__btn{color:#fff;background:#ffffff1a;border:1px solid #ffffff26}.login-page.light .login-controls__btn{color:#1e3a5f;background:#ffffffd9;border:1px solid #fff9}.login-controls__btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.login-float-card{-webkit-backdrop-filter:blur(24px);z-index:5;border-radius:28px;padding:20px 24px;animation:6s ease-in-out infinite floatCard;position:absolute;box-shadow:0 20px 60px #0003}.login-float-card--tl{top:clamp(80px,12vw,130px);left:clamp(20px,5vw,80px)}.login-float-card--br{animation-delay:-3s;bottom:clamp(60px,10vw,100px);right:clamp(20px,5vw,80px)}.login-page.dark .login-float-card{color:#fff;background:#ffffff12;border:1px solid #ffffff1f}.login-page.light .login-float-card{color:#1e3a5f;background:#ffffffb8;border:1px solid #ffffff80}.login-float-card__value{color:#22d3ee;font-size:2rem;font-weight:800;line-height:1}.login-float-card__label{opacity:.85;margin-top:4px;font-size:13px;font-weight:500}.login-inner{z-index:10;justify-content:center;align-items:center;min-height:100vh;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,3vw,2rem);display:flex;position:relative}.login-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(1.5rem,4vw,3.5rem);width:100%;max-width:1120px;display:grid}.login-brand{text-align:right;animation:1s cubic-bezier(.2,.8,.2,1) both fadeUp}.login-brand__logo{filter:drop-shadow(0 8px 32px #0000004d);height:90px;margin-bottom:2rem;margin-left:auto;display:block}.login-brand__title{margin:0;font-family:Playfair Display,serif;font-size:clamp(2.5rem,5vw,4.2rem);font-weight:700;line-height:1.08;transition:color .5s}.login-page.dark .login-brand__title{color:#fff}.login-page.light .login-brand__title{color:#0f2238}.login-brand__title span{color:#22d3ee}.login-brand__desc{max-width:460px;margin-top:1.75rem;margin-left:auto;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.85;transition:color .5s}.login-page.dark .login-brand__desc{color:#ffffffc7}.login-page.light .login-brand__desc{color:#374151}.login-card{-webkit-backdrop-filter:blur(40px);border-radius:36px;padding:clamp(2rem,5vw,3.5rem);transition:background .5s,border .5s;animation:1s cubic-bezier(.2,.8,.2,1) .15s both fadeUp;box-shadow:0 32px 120px #00000047}.login-page.dark .login-card{background:#ffffff17;border:1px solid #ffffff1f}.login-page.light .login-card{background:#ffffffb8;border:1px solid #ffffffa6}.login-card__inner{text-align:right;max-width:400px;margin-left:auto}.login-card__eyebrow{letter-spacing:.35em;text-transform:uppercase;color:#22d3ee;font-size:12px;font-weight:700}.login-card__heading{margin:.5rem 0 .6rem;font-family:Playfair Display,serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;transition:color .5s}.login-page.dark .login-card__heading{color:#fff}.login-page.light .login-card__heading{color:#0f2238}.login-card__sub{font-size:14px;transition:color .5s}.login-page.dark .login-card__sub{color:#fff9}.login-page.light .login-card__sub{color:#6b7280}.login-form{flex-direction:column;gap:20px;margin-top:2rem;display:flex}.login-field{flex-direction:column;gap:8px;display:flex}.login-field__label{font-size:13px;font-weight:700;transition:color .3s}.login-page.dark .login-field__label{color:#ffffffd9}.login-page.light .login-field__label{color:#1e3a5f}.login-field__input-wrap{align-items:center;display:flex;position:relative}.login-field__input{text-align:right;border:1.5px solid #0000;border-radius:14px;outline:none;width:100%;padding:14px 48px;font-family:Tajawal,sans-serif;font-size:15px;transition:all .25s}.login-page.dark .login-field__input{color:#fff;background:#ffffff12;border-color:#ffffff1f}.login-page.light .login-field__input{color:#1e3a5f;background:#ffffffeb;border-color:#cbd5e1cc}.login-field__input::placeholder{opacity:.45}.login-field__input:focus{border-color:#22d3ee;box-shadow:0 0 0 4px #22d3ee2e}.login-page.dark .login-field__input:focus{background:#ffffff1c}.login-page.light .login-field__input:focus{background:#fff}.login-field__icon{color:#22d3ee;pointer-events:none;transition:color .2s;position:absolute;left:16px}.login-field__toggle{cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:14px}.login-page.dark .login-field__toggle{color:#ffffff80}.login-page.light .login-field__toggle{color:#94a3b8}.login-field__toggle:hover{color:#22d3ee}.login-form__row{justify-content:space-between;align-items:center;display:flex}.login-checkbox{cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:500;transition:color .3s;display:flex}.login-page.dark .login-checkbox{color:#ffffffbf}.login-page.light .login-checkbox{color:#475569}.login-form__forgot{color:#22d3ee;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .2s}.login-form__forgot:hover{opacity:.8;text-decoration:underline}.login-form__error,.login-form__success{text-align:right;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;animation:.3s fadeInUp;display:flex}.login-form__error{color:#f87171;background:#ef44441f;border:1px solid #ef444480}.login-form__success{color:#34d399;background:#10b9811f;border:1px solid #10b98180}.login-form__submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06b6d4,#0ea5e9);border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-family:Tajawal,sans-serif;font-size:16px;font-weight:700;transition:transform .25s,box-shadow .25s,opacity .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 24px #06b6d461}.login-form__submit:before{content:"";inset-y:0;filter:blur(8px);background:#ffffff47;width:50%;animation:2.2s linear infinite shine;position:absolute;left:-60%;transform:skew(-12deg)}.login-form__submit:hover:not(:disabled){transform:translateY(-2px)scale(1.015);box-shadow:0 12px 36px #06b6d47a}.login-form__submit:disabled{opacity:.6;cursor:not-allowed}.login-form__spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.login-form__register{text-align:center;margin-top:8px;font-size:13px;transition:color .3s}.login-page.dark .login-form__register{color:#ffffff80}.login-page.light .login-form__register{color:#94a3b8}.login-form__contact{color:#22d3ee;font-weight:700;text-decoration:none}.login-form__contact:hover{text-decoration:underline}@media (width<=960px){.login-grid{grid-template-columns:1fr;max-width:540px}.login-brand,.login-float-card--tl,.login-float-card--br{display:none}.login-card__inner{margin:0 auto}}@media (width<=600px){.login-inner{padding:1rem}.login-card{border-radius:24px;padding:1.75rem 1.25rem}.login-controls{gap:8px;top:14px;right:14px}.login-controls__btn{padding:8px 14px;font-size:13px}.login-form__row{flex-direction:column;align-items:flex-end;gap:8px}}@keyframes hms-spin{to{transform:rotate(360deg)}}@keyframes hms-pulse{0%,to{opacity:1}50%{opacity:.55}}.hms-spinner{border:2.5px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:.7s linear infinite hms-spin;display:inline-block}.hms-spinner--sm{border-width:2px;width:16px;height:16px}.hms-spinner--md{width:28px;height:28px}.hms-spinner--lg{border-width:3px;width:40px;height:40px}.hms-page-loader{width:100%;min-height:60vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.hms-page-loader__label{color:var(--text-muted);font-size:.9rem}.hms-section-loader{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:2.5rem 1rem;display:flex}.hms-inline-loader{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}.hms-button-loader{vertical-align:middle;display:inline-flex}.hms-button-loader .hms-spinner{border-color:#fff6;border-top-color:var(--text-on-accent)}.hms-button-loader--muted .hms-spinner{border-color:var(--border-color);border-top-color:var(--accent-color)}.hms-skeleton{background:var(--bg-hover);border-radius:6px;animation:1.4s ease-in-out infinite hms-pulse}.hms-skeleton-line{width:100%;height:.85em;margin:.35em 0}.hms-skeleton-line--60{width:60%}.hms-skeleton-line--40{width:40%}.hms-skeleton-card{border:1px solid var(--border-color);background:var(--bg-surface);box-shadow:var(--shadow-sm);border-radius:10px;padding:1rem}.hms-skeleton-table{border:1px solid var(--border-color);background:var(--bg-surface);border-radius:10px;width:100%;overflow:hidden}.hms-skeleton-table__row{border-bottom:1px solid var(--border-color);gap:1rem;padding:.85rem 1rem;display:flex}.hms-skeleton-table__row:last-child{border-bottom:none}.hms-skeleton-table__cell.hms-skeleton{flex:1;height:.9em}.hms-state{text-align:center;width:100%;color:var(--text-main);flex-direction:column;justify-content:center;align-items:center;gap:.65rem;padding:2.5rem 1.25rem;display:flex}.hms-state__icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:.25rem;display:flex}.hms-state__icon--error{background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger)}.hms-state__icon--warning{background:color-mix(in srgb, var(--warning) 16%, transparent);color:var(--warning)}.hms-state__icon--muted{background:var(--bg-hover);color:var(--text-muted)}.hms-state__title{color:var(--text-main);font-size:1rem;font-weight:600}.hms-state__message{color:var(--text-muted);max-width:32rem;font-size:.875rem}.hms-state__actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.4rem;display:flex}.hms-state__retry{border:1px solid var(--accent-color);background:var(--accent-soft);color:var(--accent-color);cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:background .15s;display:inline-flex}.hms-state__retry:hover{background:var(--accent-hover);color:var(--text-on-accent)}.hms-state__retry:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);width:95%;max-height:90vh;box-shadow:var(--shadow-lg);border-radius:24px;flex-direction:column;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-color);background:var(--bg-hover);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.modal-header h2{color:var(--text-main);margin:0;font-size:1.25rem;font-weight:700}.modal-close{background:var(--border-color);color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .2s;display:flex}.modal-close:hover{background:var(--bg-hover);color:var(--text-main);transform:rotate(90deg)}.modal-body{flex:1;padding:0;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=768px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:24px 24px 0 0;width:100%;max-height:92vh;animation:.35s cubic-bezier(.16,1,.3,1) slideUpMobile}.modal-header{padding:1.25rem 1.5rem}.modal-close{min-width:44px;min-height:44px}}@media (width<=480px){.modal-content{border-radius:20px 20px 0 0;max-height:95vh}.modal-header{padding:1rem 1.25rem}.modal-header h2{font-size:1.05rem}}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.change-pw-fab{z-index:900;background:linear-gradient(135deg, var(--accent,#2563eb), var(--accent-hover,#1d4ed8));color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.4rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 4px 20px #2563eb59}.change-pw-fab:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 8px 28px #2563eb73}.change-pw-fab:active{transform:translateY(0)scale(.97)}.change-pw-fab__tooltip{background:var(--bg-surface,#1e293b);color:var(--text-main,#f1f5f9);white-space:nowrap;opacity:0;pointer-events:none;border-radius:8px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:opacity .2s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%);box-shadow:0 2px 8px #0003}.change-pw-fab:hover .change-pw-fab__tooltip{opacity:1}.cpw-form{flex-direction:column;gap:1.25rem;padding:1.75rem 2rem 2rem;display:flex}.cpw-form__group{flex-direction:column;gap:.4rem;display:flex}.cpw-form__label{color:var(--text-muted,#94a3b8);letter-spacing:.02em;font-size:.82rem;font-weight:600}.cpw-form__input-wrap{align-items:center;display:flex;position:relative}.cpw-form__input-wrap .cpw-icon{color:var(--text-muted,#94a3b8);pointer-events:none;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;left:14px}.cpw-form__input{border:1.5px solid var(--border-color,#334155);background:var(--bg-hover,#1e293b);width:100%;color:var(--text-main,#f1f5f9);border-radius:12px;outline:none;padding:.75rem 2.8rem .75rem 2.6rem;font-family:inherit;font-size:.95rem;transition:all .2s}.cpw-form__input:focus{border-color:var(--accent,#2563eb);box-shadow:0 0 0 3px #2563eb26}.cpw-form__input:focus+.cpw-icon,.cpw-form__input:focus~.cpw-icon{color:var(--accent,#2563eb)}.cpw-form__toggle{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:1.1rem;transition:all .2s;position:absolute;right:12px}.cpw-form__toggle:hover{color:var(--accent,#2563eb);background:#2563eb1a}.cpw-strength{gap:4px;margin-top:4px;display:flex}.cpw-strength__bar{background:var(--border-color,#334155);border-radius:4px;flex:1;height:4px;transition:background .3s}.cpw-strength__bar.active.weak{background:#ef4444}.cpw-strength__bar.active.medium{background:#f59e0b}.cpw-strength__bar.active.strong{background:#22c55e}.cpw-strength__label{margin-top:2px;font-size:.72rem;font-weight:600}.cpw-strength__label.weak{color:#ef4444}.cpw-strength__label.medium{color:#f59e0b}.cpw-strength__label.strong{color:#22c55e}.cpw-alert{border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;font-weight:500;animation:.3s fadeIn;display:flex}.cpw-alert--error{color:#ef4444;background:#ef44441f;border:1px solid #ef444440}.cpw-alert--success{color:#22c55e;background:#22c55e1f;border:1px solid #22c55e40}.cpw-form__submit{background:linear-gradient(135deg, var(--accent,#2563eb), var(--accent-hover,#1d4ed8));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.85rem;font-size:.95rem;font-weight:700;transition:all .25s;display:flex}.cpw-form__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #2563eb66}.cpw-form__submit:disabled{opacity:.6;cursor:not-allowed}.cpw-form__submit .spinner{animation:.8s linear infinite spin}@media (width<=480px){.change-pw-fab{border-radius:14px;width:46px;height:46px;font-size:1.2rem;bottom:16px;left:16px}.cpw-form{gap:1rem;padding:1.25rem 1.5rem 1.5rem}.cpw-form__input{font-size:16px}}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:24px;right:24px}.toast-item{pointer-events:auto;-webkit-backdrop-filter:blur(12px)saturate(180%);direction:rtl;background:#ffffffd9;border-radius:16px;align-items:flex-start;gap:14px;min-width:320px;max-width:420px;padding:16px;font-family:Tajawal,sans-serif;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards toast-slide-in;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 20px 25px -5px #0000001a,inset 0 0 0 1px #ffffff80}.toast-item--exit{animation:.3s forwards toast-slide-out}.toast-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.toast-content{flex:1}.toast-title{color:#1f2937;margin-bottom:2px;font-size:15px;font-weight:700}.toast-message{color:#6b7280;font-size:13px;line-height:1.5}.toast-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.toast-close:hover{color:#6b7280;background:#0000000d}.toast-item--success .toast-icon-wrap{color:#166534;background:#dcfce7}.toast-item--success{border-right:4px solid #22c55e}.toast-item--error .toast-icon-wrap{color:#991b1b;background:#fee2e2}.toast-item--error{border-right:4px solid #ef4444}.toast-item--warning .toast-icon-wrap{color:#92400e;background:#fef3c7}.toast-item--warning{border-right:4px solid #f59e0b}.toast-item--info .toast-icon-wrap{color:#075985;background:#e0f2fe}.toast-item--info{border-right:4px solid #3b82f6}.toast-progress{background:#0000001a;width:100%;height:3px;position:absolute;bottom:0;left:0}.toast-progress-bar{transform-origin:0;background:currentColor;width:100%;height:100%;animation:linear forwards toast-progress}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(100px)scale(.9)}}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}[data-theme=dark] .toast-item{background:#1e2023d9;box-shadow:0 10px 15px -3px #00000080,inset 0 0 0 1px #ffffff0d}[data-theme=dark] .toast-title{color:#f3f4f6}[data-theme=dark] .toast-message{color:#9ca3af}