:root{--ui-navy:#172554;--ui-blue:#1d4ed8;--ui-line:#e2e8f0;--ui-muted:#64748b}
.ui-toast-stack{position:fixed;top:20px;right:20px;z-index:100000;display:grid;gap:12px;pointer-events:none;width:min(410px,calc(100vw - 40px))}
.ui-toast{--toast-color:#2563eb;position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 28px;align-items:center;gap:12px;width:100%;padding:14px 14px 16px;background:#fff;border:1px solid var(--ui-line);border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.28);animation:uiToastIn .3s cubic-bezier(.2,.8,.2,1) both;overflow:hidden;pointer-events:auto;font-family:Inter,system-ui,sans-serif}
.ui-toast::after{content:"";position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--toast-color);transform-origin:left;animation:uiToastLife 3.8s linear forwards}
.ui-toast-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#eff6ff;color:var(--toast-color);font-size:0}
.ui-toast-icon::before{content:"";width:18px;height:10px;border-left:3px solid currentColor;border-bottom:3px solid currentColor;transform:translateY(-2px) rotate(-45deg);animation:uiCheck .35s .12s ease both}
.ui-toast strong{display:block;color:var(--ui-navy);font-size:.92rem;line-height:1.2}.ui-toast span{display:block;color:var(--ui-muted);font-size:.8rem;line-height:1.4;margin-top:4px}
.ui-toast-close{border:0;background:transparent;color:#94a3b8;font-size:1.15rem;padding:2px;align-self:start}.ui-toast-close:hover{color:#334155}
.ui-toast.success{--toast-color:#16a34a}.ui-toast.success .ui-toast-icon{background:#dcfce7}
.ui-toast.error{--toast-color:#dc2626}.ui-toast.error .ui-toast-icon{background:#fee2e2}.ui-toast.error .ui-toast-icon::before{content:"×";width:auto;height:auto;border:0;transform:none;font-size:1.65rem;line-height:1;animation:uiCheck .3s ease both}
.ui-toast.warning{--toast-color:#d97706}.ui-toast.warning .ui-toast-icon{background:#fef3c7}.ui-toast.warning .ui-toast-icon::before{content:"!";width:auto;height:auto;border:0;transform:none;font-size:1.25rem;font-weight:900;animation:uiCheck .3s ease both}
.ui-toast.info{--toast-color:#2563eb}.ui-toast.info .ui-toast-icon::before{content:"i";width:auto;height:auto;border:0;transform:none;font-size:1.1rem;font-weight:900;animation:uiCheck .3s ease both}
@keyframes uiToastIn{from{opacity:0;transform:translateX(26px) scale(.96)}to{opacity:1;transform:none}}@keyframes uiToastLife{to{transform:scaleX(0)}}@keyframes uiCheck{from{opacity:0;scale:.5}to{opacity:1;scale:1}}
.ui-loader{position:fixed;inset:0;z-index:99990;display:grid;place-items:center;background:rgba(15,23,42,.38);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s;font-family:Inter,system-ui,sans-serif}
body.ui-loading{overflow:hidden}
.ui-loader.visible{opacity:1;visibility:visible}.ui-loader-box{display:flex;align-items:center;gap:15px;min-width:230px;padding:18px 22px;background:#fff;border:1px solid var(--ui-line);border-radius:20px;box-shadow:0 28px 80px rgba(15,23,42,.35)}.ui-loader-spinner{width:38px;height:38px;border:4px solid #dbeafe;border-top-color:var(--ui-blue);border-radius:50%;animation:uiSpin .75s linear infinite}.ui-loader-box strong{display:block;color:var(--ui-navy);font-size:.9rem}.ui-loader-box span{display:block;color:var(--ui-muted);font-size:.76rem;margin-top:3px}@keyframes uiSpin{to{transform:rotate(360deg)}}
.ui-confirm{border:0;border-radius:22px;padding:0;width:min(440px,calc(100% - 28px));box-shadow:0 30px 90px #0f172a70}.ui-confirm::backdrop{background:#071226b3;backdrop-filter:blur(4px)}.ui-confirm .box{padding:28px;text-align:center;font-family:Inter,system-ui,sans-serif}.ui-confirm .icon{width:60px;height:60px;display:grid;place-items:center;margin:0 auto 16px;border-radius:50%;background:#fff7ed;color:#d97706;font-size:1.7rem}.ui-confirm h3{color:var(--ui-navy);margin:0 0 8px}.ui-confirm p{color:var(--ui-muted);line-height:1.55}.ui-confirm .actions{display:flex;justify-content:center;gap:10px;margin-top:22px}
@media(max-width:600px){.ui-toast-stack{left:12px;right:12px;top:12px;width:auto}.ui-toast{grid-template-columns:40px minmax(0,1fr) 24px;padding:12px}.ui-toast-icon{width:40px;height:40px}.ui-loader-box{min-width:0;width:calc(100vw - 40px)}}
@media(prefers-reduced-motion:reduce){.ui-toast,.ui-toast::after,.ui-toast-icon::before,.ui-loader-spinner{animation-duration:.01ms!important}}

.profile-trigger{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.profile-trigger:hover{transform:translateY(-2px);box-shadow:0 0 0 5px rgba(250,204,21,.22),0 10px 24px rgba(30,58,138,.18)}
.profile-trigger:focus-visible{outline:3px solid #2563eb;outline-offset:4px}
.profile-dialog{width:min(760px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:0;border:0;border-radius:26px;background:#fff;box-shadow:0 35px 100px rgba(15,23,42,.55);font-family:Inter,system-ui,sans-serif}
.profile-dialog::backdrop{background:rgba(7,18,38,.68);backdrop-filter:blur(5px)}
.profile-card{max-height:calc(100vh - 28px);overflow:auto}
.profile-head{position:relative;display:flex;align-items:center;gap:18px;padding:25px 28px;background:linear-gradient(135deg,#eff6ff,#fff);border-bottom:1px solid var(--ui-line)}
.profile-avatar-large{display:grid;place-items:center;width:68px;height:68px;flex:none;border:3px solid #facc15;border-radius:50%;background:#fef3c7;box-shadow:0 0 0 5px #fef9c3;font-size:1.8rem}
.profile-head small{color:#64748b;font-size:.65rem;font-weight:800;letter-spacing:.13em}.profile-head h2{margin:2px 0;color:var(--ui-navy);font-size:1.45rem}.profile-head p{margin:0;color:#64748b;font-size:.84rem}
.profile-close{position:absolute;right:20px;top:20px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#e2e8f0;color:#334155;font-size:1.4rem}
.profile-section{padding:22px 28px;border-bottom:1px solid var(--ui-line)}.profile-section h3{margin:0 0 16px;color:var(--ui-navy);font-size:1rem}.profile-section h3 span{margin-left:7px;padding:3px 8px;border-radius:999px;background:#eef2ff;color:#64748b;font-size:.62rem;text-transform:uppercase}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.profile-grid label{display:grid;gap:7px;color:#475569;font-size:.76rem;font-weight:700}.profile-grid input{width:100%;min-width:0;padding:12px 13px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#172033;outline:0}.profile-grid input:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.12)}.profile-grid input:disabled{cursor:not-allowed;background:#f1f5f9;color:#64748b}.profile-wide{grid-column:1/-1}
.profile-lock-note{margin:12px 0 0;color:#64748b;font-size:.74rem}.password-field{position:relative}.password-field input{padding-right:46px}.password-field button{position:absolute;right:5px;top:50%;width:36px;height:34px;padding:0;transform:translateY(-50%);border:0;border-radius:9px;background:transparent}
.password-rules{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.password-rules span{color:#94a3b8;font-size:.73rem;transition:color .2s}.password-rules span.valid{color:#15803d;font-weight:700}
.profile-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 28px 24px}.profile-actions button{padding:11px 17px;border-radius:12px;font-weight:800}.profile-actions .secondary{border:1px solid #e2e8f0;background:#f1f5f9;color:#172554}.profile-actions .primary{border:0;background:linear-gradient(135deg,#2563eb,#1e3a8a);color:#fff}
@media(max-width:600px){.profile-dialog{width:calc(100vw - 18px);max-height:calc(100vh - 18px);border-radius:20px}.profile-card{max-height:calc(100vh - 18px)}.profile-head{padding:20px;gap:13px}.profile-avatar-large{width:54px;height:54px;font-size:1.4rem}.profile-head p{display:none}.profile-close{right:12px;top:12px}.profile-section{padding:20px}.profile-grid,.password-rules{grid-template-columns:1fr}.profile-wide{grid-column:auto}.profile-actions{padding:16px 20px 20px}.profile-actions button{flex:1}}