.top-actions{gap:10px;margin-left:auto}.topbar #section-title{display:none}.topbar .header-icon{position:relative;border:0;padding:8px;display:grid;place-items:center;border-radius:9px;background:transparent;color:white;width:44px;height:44px}.topbar .header-icon:hover,.topbar .header-icon[aria-expanded=true]{background:#ffffff18}.topbar .my-orders-link{display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:16px;font-weight:600;font-size:16px;background:#33333328;text-decoration:none}.header-count{background:#c8c8c8;color:#303030;min-width:23px;height:23px;display:grid;place-items:center;border-radius:50%;font-size:14px}.topbar .header-avatar{border:0;border-radius:50%;width:44px;height:44px;background:#c7c7c7;color:white;overflow:hidden;padding:0}.header-avatar svg{width:44px;height:44px;margin-top:5px}#notification-dot{position:absolute;right:5px;top:4px;width:8px;height:8px;background:#ff666c;border-radius:50%}#notification-dot[hidden]{display:none}.header-popover{position:fixed;right:35px;top:88px;z-index:25;width:340px;max-width:calc(100vw - 24px);max-height:calc(100vh - 110px);overflow:auto;background:#fff;color:#252525;border-radius:16px;padding:22px;box-shadow:0 12px 45px #0003;border:1px solid #eee}.header-popover-wide{width:430px}.header-popover h2{font-size:18px;margin-bottom:16px}.header-popover h3{font-size:14px;margin:18px 0 10px}.header-menu{display:flex;flex-direction:column;gap:3px}.header-menu a,.header-menu button{padding:12px 10px;text-align:left;color:inherit;border:0;background:transparent;border-radius:8px;font-size:14px;text-decoration:none}.header-menu a:hover,.header-menu button:hover{background:#f2effa}.theme-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme-swatch{height:50px;border:2px solid transparent;font-size:11px;white-space:normal}.theme-swatch.selected{border-color:#6432ed}.swatch-none{background:#eee}.swatch-geometry{background:linear-gradient(35deg,#a7aaa3 49%,#666 50%,#aaa 51%)}.swatch-blue{background:linear-gradient(120deg,#587994,#bed9e5)}.swatch-forest{background:linear-gradient(120deg,#31584d,#b6caaa)}.swatch-sand{background:linear-gradient(120deg,#ae967c,#ede0ca)}.swatch-violet{background:linear-gradient(120deg,#6d628a,#d6c9e5)}.popover-heading{display:flex;align-items:center;gap:12px}.popover-heading h2{flex:1;margin:0}.popover-heading button{padding:6px;border:0}.notification-list{margin:15px 0}.notification-item{display:flex;flex-direction:column;gap:5px;width:100%;text-align:left;white-space:normal;border:0;border-bottom:1px solid #eee;border-radius:0;padding:14px 10px;background:transparent}.notification-item small{color:#888}.notification-item.unread{background:#f5f1ff;border-left:3px solid #6540c0}.header-empty{padding:45px 15px;text-align:center;color:#888}.profile-summary>.profile-avatar>svg{width:100%;height:100%;color:white;padding:35px 15px 0}
html[data-background=none] body{background:#e5e5e5}html[data-background=blue] body{background:linear-gradient(130deg,#587994,#bed9e5);background-attachment:fixed}html[data-background=forest] body{background:linear-gradient(130deg,#31584d,#b6caaa);background-attachment:fixed}html[data-background=sand] body{background:linear-gradient(130deg,#ae967c,#ede0ca);background-attachment:fixed}html[data-background=violet] body{background:linear-gradient(130deg,#6d628a,#d6c9e5);background-attachment:fixed}
html[data-theme=dark]{--ink:#eee;--muted:#aaa;--line:#484848;--panel:#303030}html[data-theme=dark] .content,html[data-theme=dark] .record-page .drawer-foot{background:#292929;color:#eee}html[data-theme=dark] .card,html[data-theme=dark] .detail-panel,html[data-theme=dark] .table-wrap,html[data-theme=dark] .header-popover{background:#343434;color:#eee;border-color:#484848}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] .record-page input,html[data-theme=dark] .record-page select,html[data-theme=dark] .record-page textarea{background:#414141;color:#eee;border-color:#555}html[data-theme=dark] .field label,html[data-theme=dark] .detail-line>span{color:#ccc}html[data-theme=dark] th,html[data-theme=dark] tbody tr:hover,html[data-theme=dark] .notification-item.unread{background:#424047;color:#eee}html[data-theme=dark] .header-menu a:hover,html[data-theme=dark] .header-menu button:hover{background:#48424f}html[data-theme=dark] .tab-scroll{background:#292929}html[data-theme=dark] .notice{background:#443b54;color:#ddd}
@media(min-width:1600px){.header-popover{top:103px}}@media(max-width:760px){.top-actions{gap:2px}.topbar .header-icon{width:34px;height:38px}.topbar .my-orders-link{font-size:13px;padding:8px;gap:5px}.topbar .my-orders-link svg{display:none}.topbar .header-avatar{width:34px;height:34px}.header-popover{top:74px;right:12px}.topbar .header-avatar svg{width:34px;height:34px}}