.notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:9px;background:white;border:1px solid var(--line);border-radius:50%;color:var(--green);cursor:pointer}.notification-bell:hover{background:#eef4ef}.notification-bell:focus-visible{outline:2px solid var(--green);outline-offset:3px}.notification-bell svg{width:23px;height:23px;flex:none}.notification-count{position:absolute;top:-3px;right:-4px;min-width:19px;height:19px;padding:1px 4px;display:grid;place-items:center;border:2px solid white;border-radius:12px;background:#a35157;color:white;font-size:10px;font-weight:700;line-height:1}
.notification-dialog{position:fixed;inset:78px 22px auto auto;margin:0;padding:0;width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 110px);overflow:auto;border-radius:18px;box-shadow:0 20px 65px #102b2438}.notification-dialog::backdrop{background:#152c2433;backdrop-filter:blur(2px)}.notification-dialog-head{position:sticky;top:0;z-index:1;background:#fff;padding:20px 20px 14px;border-bottom:1px solid var(--line)}.notification-dialog-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-dialog-title h2{font:400 28px/1.1 Georgia,serif;margin:0;letter-spacing:-.03em}.notification-dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.notification-dialog-actions small{font-size:12px;color:var(--muted)}.notification-dialog-actions button{min-height:36px;font-size:12px}.notification-feedback{margin:0;padding:0 20px;font-size:12px;color:#8a5931;line-height:1.6}.notification-feedback:not(:empty){padding:14px 20px}.notification-list{display:grid}.notification-item{display:flex;gap:12px;width:100%;border:0;border-bottom:1px solid #e7ede8;background:white;text-align:left;padding:18px 20px;color:var(--ink);cursor:pointer;line-height:1.5}.notification-item:hover,.notification-item:focus-visible{background:#f2f6f2}.notification-item:focus-visible{outline:2px solid var(--green);outline-offset:-3px}.notification-item.is-unread{background:#f4f8f3}.notification-symbol{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e3ece4;color:#315b42;font-size:19px}.notification-symbol.payment{background:#f8e9e7;color:#9c4c45}.notification-copy{display:grid;gap:5px;min-width:0;flex:1;overflow-wrap:anywhere}.notification-copy strong{font-size:13px;font-weight:600}.notification-item.is-unread .notification-copy strong::after{content:'';display:inline-block;width:7px;height:7px;margin-left:7px;border-radius:50%;background:#a35157}.notification-body{font-size:12px;color:#526b60}.notification-time{font-size:10px;color:var(--muted)}.notification-empty{text-align:center;padding:40px 24px}.notification-empty-symbol{font-size:36px;color:#7b947c}.notification-empty h3{font-size:15px;font-weight:500;margin:14px 0 8px}.notification-empty p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.notification-dialog-foot{display:flex;justify-content:center;gap:10px;padding:14px;border-top:1px solid var(--line);background:#fff}.notification-dialog-foot button{min-height:40px;font-size:12px}
@media(max-width:700px){.notification-dialog{inset:76px 12px auto 12px;width:calc(100vw - 24px);max-width:none;max-height:calc(100dvh - 165px)}.notification-bell{width:40px;height:40px;min-width:40px;padding:8px}.notification-dialog-head{padding:17px 16px 12px}.notification-item{padding:16px;gap:10px}.notification-dialog-title h2{font-size:26px}}
@media(max-width:400px){.topbar .profile{gap:5px}.topbar .install-topbar{font-size:0;padding:8px;width:34px;min-width:34px;min-height:38px}.topbar .install-topbar>span{font-size:18px}.topbar .breadcrumb{font-size:10px}}