.ui-icon,.icon-button svg,.nav-menu-toggle svg,.site-menu svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.button .ui-icon{width:18px;height:18px}
.icon-button{display:grid!important;place-items:center!important;width:40px;height:40px;padding:0!important}
.nav-menu-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;padding:9px 13px;font:800 12px Vazirmatn,Tahoma,sans-serif;cursor:pointer;white-space:nowrap}
.site-menu-backdrop{position:fixed;inset:0;z-index:9998;background:rgba(10,10,14,.58);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility 0s linear .25s}
.site-menu-backdrop.open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.site-menu{position:fixed;z-index:9999;inset:12px 12px 12px auto;width:min(380px,calc(100dvw - 24px));max-width:calc(100vw - 24px);height:auto;padding:18px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:24px;box-shadow:0 30px 100px rgba(0,0,0,.32);transform:translate3d(calc(100% + 32px),0,0);opacity:0;visibility:hidden;pointer-events:none;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .2s ease,visibility 0s linear .28s;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;direction:rtl}
.site-menu.open{transform:translate3d(0,0,0);opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.site-menu-head{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 16px;border-bottom:1px solid var(--line);margin-bottom:10px}
.site-menu-head b{font-size:17px}.site-menu-head button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--ink);padding:0}
.site-menu>div:not(.site-menu-head){display:grid;gap:7px}
.site-menu a,.site-menu>div>button{width:100%;min-height:48px;display:flex;align-items:center;gap:12px;padding:11px 13px;border:0;border-radius:13px;background:transparent;color:var(--ink);text-decoration:none;text-align:right;font:800 13px Vazirmatn,Tahoma,sans-serif;cursor:pointer}
.site-menu a:hover,.site-menu>div>button:hover{background:color-mix(in srgb,var(--paper) 72%,var(--coral) 10%)}
.site-menu .menu-subscription{background:linear-gradient(135deg,rgba(243,111,98,.13),rgba(114,86,204,.12));color:var(--coral-dark)}
body.menu-open{overflow:hidden;touch-action:none}
.compact-user-nav{gap:12px}.compact-user-nav .plan-link{padding:8px 11px;border:1px solid var(--line);border-radius:10px}.compact-user-nav .plan-link span{text-transform:uppercase;background:#f1e7c0;color:#7c5c08;padding:2px 6px;border-radius:10px;font-size:9px}
.notification-trigger{position:relative;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink)}.notification-trigger svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.notification-trigger i,.dashboard-notification-button i{position:absolute;top:-5px;left:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--coral);color:#fff;font-style:normal;font-size:10px;display:grid;place-items:center}.dashboard-notification-button{position:relative}.notification-center{position:fixed;z-index:10001;top:12px;bottom:12px;left:12px;width:min(410px,calc(100vw - 24px));background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:24px;box-shadow:0 30px 100px rgba(0,0,0,.3);transform:translateX(calc(-100% - 30px));opacity:0;visibility:hidden;transition:.28s;overflow:auto;padding:18px}.notification-center.open{transform:none;opacity:1;visibility:visible}.notification-center header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px}.notification-center header div{display:grid}.notification-center header small{color:var(--muted)}.notification-center header button{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:transparent;color:inherit;font-size:22px}.notification-actions{display:flex;justify-content:space-between;padding:12px 0}.notification-actions button,.notification-actions a{border:0;background:none;color:var(--coral);font:700 11px inherit;text-decoration:none}.notification-item{display:flex;gap:12px;color:inherit;text-decoration:none;padding:13px;border-radius:15px;margin:5px 0;border:1px solid transparent}.notification-item.unread{background:color-mix(in srgb,var(--coral) 9%,var(--paper));border-color:color-mix(in srgb,var(--coral) 22%,var(--line))}.notification-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--coral) 12%,var(--paper));color:var(--coral);flex:0 0 auto}.notification-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.notification-item>span:last-child{display:grid;gap:3px}.notification-item small,.notification-item time{color:var(--muted);font-size:11px}.notification-empty{text-align:center;color:var(--muted);padding:50px 10px}.notification-center>footer{margin:20px 0 0;padding:15px 0 0;border-top:1px solid var(--line);font-size:11px;text-align:center}.dashboard-head-actions{display:flex;gap:10px;align-items:center}
@media(max-width:760px){.nav-menu-toggle{padding:9px}.nav-menu-toggle span{display:none}.site-header #publicNav,.site-header #userNav{display:none!important}.site-menu{inset:8px 8px 8px auto;width:calc(100dvw - 16px);max-width:none;border-radius:22px;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.site-menu a,.site-menu>div>button{min-height:52px;font-size:14px}}
@media(min-width:761px){.nav-menu-toggle{order:-1}}
@media(prefers-reduced-motion:reduce){.site-menu,.site-menu-backdrop{transition:none!important}}
@media(max-width:760px){.notification-center{top:max(8px,env(safe-area-inset-top));bottom:auto;left:8px;right:8px;width:auto;max-height:min(72dvh,620px);border-radius:20px;transform:translateY(calc(-100% - 30px));padding:15px}.notification-center.open{transform:none}.dashboard-notification-button{align-self:flex-start;min-height:54px}.dashboard-head-actions{width:100%;justify-content:flex-start}.dashboard-head{flex-wrap:wrap}.notification-trigger i,.dashboard-notification-button i{top:-3px;left:-3px}}
.site-menu{width:min(var(--menu-width,390px),calc(100vw - 24px))!important;background:var(--menu-bg,var(--paper))!important;color:var(--menu-text,var(--ink))!important;border-color:var(--menu-border,var(--line))!important}
.site-menu a,.site-menu button{color:var(--menu-text,var(--ink))!important}
.site-menu .menu-subscription{color:var(--menu-accent,var(--coral))!important}
html[data-menu-position="left"] .site-menu{right:auto!important;left:12px!important;transform:translateX(calc(-100% - 32px))!important}
html[data-menu-position="left"] .site-menu.open,html[data-menu-position="left"] .site-menu[aria-hidden="false"]{transform:translateX(0)!important}
html[data-menu-position="right"] .site-menu{left:auto!important;right:12px!important;transform:translateX(calc(100% + 32px))!important}
html[data-menu-position="right"] .site-menu.open,html[data-menu-position="right"] .site-menu[aria-hidden="false"]{transform:translateX(0)!important}
html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}