.ui4-topbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.app-topbar>.theme-toggle{order:5}.topbar-search{display:flex;align-items:center;justify-content:space-between;gap:24px;width:290px;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--muted);cursor:pointer}.topbar-search span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.topbar-search kbd,.search-palette kbd{padding:3px 7px;border:1px solid var(--line);border-radius:6px;background:var(--bg);font:700 10px ui-monospace,monospace;color:var(--muted)}.notification-button{position:relative}.notification-button>span{font-size:18px;color:var(--blue)}.notification-button b{position:absolute;right:-5px;top:-5px;min-width:19px;height:19px;padding:0 5px;border:2px solid var(--card);border-radius:99px;background:#ef4444;color:#fff;font-size:9px;line-height:15px}.profile-chip{display:flex;align-items:center;gap:8px;height:42px;padding:4px 11px 4px 5px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);font-weight:800;cursor:pointer}.profile-chip i{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:linear-gradient(135deg,#1d4ed8,#60a5fa);color:#fff;font-style:normal}.menu-group{display:grid;gap:3px;margin:0 0 14px}.menu-group>span{padding:0 13px 6px;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:1.2px}.menu-group>button{width:100%}.notification-panel{position:fixed;z-index:220;right:26px;top:72px;width:min(410px,calc(100vw - 24px));max-height:min(680px,calc(100dvh - 90px));overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:0 28px 70px #0f27622e}.notification-panel header{display:flex;align-items:center;justify-content:space-between;padding:19px 20px;border-bottom:1px solid var(--line)}.notification-panel h3{margin:3px 0 0}.notification-panel header button{border:0;background:transparent;color:var(--blue);font-weight:800;cursor:pointer}.notification-list{max-height:510px;overflow:auto}.notification-item{display:grid;grid-template-columns:38px 1fr;gap:11px;width:100%;padding:14px 18px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left;cursor:pointer}.notification-item.unread{background:color-mix(in srgb,var(--blue),transparent 94%)}.notification-item>i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e8f0ff;color:var(--blue);font-style:normal;font-weight:900}.notification-item span{display:grid;gap:3px}.notification-item strong{font-size:13px}.notification-item small,.notification-item time{color:var(--muted);font-size:10px;line-height:1.45}.notification-item time{margin-top:3px}.notification-empty,.search-empty{padding:44px 24px;text-align:center}.notification-empty p,.search-empty p{color:var(--muted);line-height:1.55}.notification-panel footer{padding:13px 18px;background:var(--bg);color:var(--muted);font-size:11px}.notification-panel footer label{display:flex;align-items:center;gap:8px}.search-palette{position:fixed;z-index:250;inset:0;display:grid;place-items:start center;padding:12vh 18px;background:#07163873;backdrop-filter:blur(6px)}.search-palette>section{width:min(680px,100%);overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:0 30px 90px #07163852}.search-palette-input{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:17px;border-bottom:1px solid var(--line)}.search-palette-input>span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#e8f0ff;color:var(--blue);font-weight:900}.search-palette-input input{min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:750 16px inherit}.global-search-results{max-height:460px;overflow:auto}.global-search-results>button{display:grid;grid-template-columns:39px 1fr auto;gap:12px;align-items:center;width:100%;padding:13px 17px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left;cursor:pointer}.global-search-results>button:hover{background:var(--bg)}.global-search-results>button>i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e8f0ff;color:var(--blue);font-style:normal;font-weight:900}.global-search-results>button>span{display:grid;gap:4px}.global-search-results small{color:var(--muted)}.search-loading{display:grid;gap:10px;padding:22px}.search-loading i{height:17px;border-radius:9px;background:var(--line);animation:ui4pulse 1s infinite alternate}.dashboard-range{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:-62px 0 18px}.dashboard-range>span{margin-right:5px;color:var(--muted);font-size:11px;font-weight:800}.dashboard-range button{padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--muted);font-size:11px;font-weight:800;cursor:pointer}.dashboard-range button.active{border-color:var(--blue);background:var(--blue);color:#fff}.onboarding-card{margin:0 0 18px;padding:20px}.onboarding-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.onboarding-card h3{margin:4px 0}.onboarding-card p{margin:0;color:var(--muted);font-size:11px}.onboarding-card header>button{border:0;background:transparent;color:var(--muted);cursor:pointer}.onboarding-progress{height:6px;margin:17px 0;border-radius:99px;background:var(--line);overflow:hidden}.onboarding-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1d4ed8,#60a5fa)}.onboarding-tasks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.onboarding-tasks button{display:grid;grid-template-columns:25px 1fr auto;gap:8px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--text);text-align:left;cursor:pointer}.onboarding-tasks button>i{display:grid;place-items:center;width:23px;height:23px;border:2px solid #b8c9e6;border-radius:50%;color:#fff;font-style:normal}.onboarding-tasks button.done>i{border-color:#22c55e;background:#22c55e}.onboarding-tasks button.done span{text-decoration:line-through;color:var(--muted)}.period-card{padding:20px;margin-bottom:18px}.period-card header{display:flex;align-items:end;justify-content:space-between}.period-card h3{margin:4px 0 0}.period-card header>strong{font-size:21px}.period-bars{display:flex;align-items:end;height:170px;gap:7px;margin:25px 0 12px;padding:0 4px;border-bottom:1px solid var(--line)}.period-bars>div{display:flex;align-items:center;flex-direction:column;justify-content:end;flex:1;height:100%;min-width:0}.period-bars span{width:70%;min-height:4px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#60a5fa,#2563eb)}.period-bars small{display:block;overflow:hidden;width:100%;margin:8px 0 -23px;color:var(--muted);font-size:8px;text-align:center;white-space:nowrap}.period-comparisons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:35px}.period-comparisons>span{padding:12px;border-radius:11px;background:var(--bg);color:var(--muted);font-size:10px}.period-comparisons b{display:block;margin-bottom:4px;color:var(--text);font-size:14px}.period-comparisons em{float:right;font-style:normal;font-weight:900}.period-comparisons em.up{color:#16a34a}.period-comparisons em.down{color:#dc2626}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-card{padding:22px}.profile-card h3{margin:5px 0 18px}.profile-card label{display:block;margin:12px 0 6px;color:var(--muted);font-size:11px;font-weight:800}.profile-card .btn{margin-top:15px}.sessions-card,.credential-history,.pwa-card{margin-top:16px;padding:22px}.session-row{display:grid;grid-template-columns:32px 1fr auto;gap:11px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.session-row>i{color:#22c55e;font-style:normal}.session-row div{display:grid;gap:4px}.session-row small{color:var(--muted)}.credential-history h3{margin:5px 0 16px}.pwa-card{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(130deg,#123c96,#2563eb);color:#fff}.pwa-card p{margin:6px 0 0;color:#dbeafe}.pwa-card .setup-label{color:#bfdbfe}.drawer-utility{display:flex;gap:7px;margin-left:auto}.drawer-utility+.icon-button{margin-left:0}.drawer-utility a{text-decoration:none}.drawer-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 24px 18px}.drawer-facts>div{padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}.drawer-facts span,.drawer-facts strong{display:block}.drawer-facts span{color:var(--muted);font-size:9px}.drawer-facts strong{margin-top:4px;font-size:11px}.create-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.create-link-grid .wide{grid-column:1/-1}.create-link-grid label{display:block;margin-top:10px}.create-link-grid label small{color:var(--muted)}.color-field{height:45px;padding:6px}.file-field{padding:9px}.create-link-v4{width:min(650px,90vw)}@keyframes ui4pulse{to{opacity:.4}}@media(max-width:980px){.topbar-search{width:190px}.topbar-search span{display:none}.topbar-search{width:auto}.profile-chip span{display:none}.dashboard-range{margin:0 0 14px;justify-content:flex-start;overflow:auto}.onboarding-tasks{grid-template-columns:1fr 1fr}.profile-grid{grid-template-columns:1fr}.drawer-facts{grid-template-columns:1fr 1fr}}@media(max-width:680px){.ui4-topbar-actions{gap:5px}.topbar-search kbd,.profile-chip{display:none}.topbar-search{width:42px;padding:0;justify-content:center}.topbar-search:before{content:'/';font-weight:900}.notification-panel{right:8px;top:62px;width:calc(100vw - 16px);max-height:calc(100dvh - 76px)}.notification-list{max-height:calc(100dvh - 205px)}.search-palette{padding:8vh 10px}.dashboard-range>span{display:none}.dashboard-range button{white-space:nowrap}.onboarding-tasks{grid-template-columns:1fr}.period-comparisons{grid-template-columns:1fr}.period-bars{height:135px;gap:3px}.period-bars small{display:none}.pwa-card{align-items:flex-start;flex-direction:column}.drawer-utility .btn{padding:7px;font-size:9px}.drawer-facts{margin-inline:16px}.create-link-grid{grid-template-columns:1fr}.create-link-grid .wide{grid-column:auto}}