.topbar{height:66px;margin:-34px -42px 28px;padding:0 42px;border-bottom:1px solid #242925;background:#0e100ff2;display:flex;align-items:center;justify-content:flex-end;gap:10px;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}
.global-search{position:relative;width:min(420px,42vw);margin-right:auto}.global-search>span{position:absolute;left:13px;top:10px;color:#69716b;font-size:20px}.global-search input{padding:10px 14px 10px 39px;background:#161917;border-color:#272c29}
.top-icon{position:relative;width:40px;height:40px;border:1px solid #292e2b;border-radius:10px;background:#161917;color:#c9cecb;cursor:pointer;font-size:15px}.top-icon>i{display:inline}.top-icon em{position:absolute;right:4px;top:3px;min-width:15px;height:15px;padding:1px 4px;background:#91ff38;color:#10200b;border-radius:99px;font-size:9px;font-style:normal;display:none}.top-icon.has-unread em{display:block}
.top-account{position:relative}.top-account>button{height:44px;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#e9ecea;cursor:pointer;text-align:left}.top-account #avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#91ff38;color:#15200f;font-weight:800}.top-account button>span:nth-child(2){display:grid;max-width:180px}.top-account small{color:#747b76;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-account i{color:#626963}
.top-popover{position:absolute;top:51px;right:0;width:220px;background:#151816;border:1px solid #2c322e;border-radius:12px;box-shadow:0 18px 50px #000a;padding:7px;z-index:30}.top-popover button{display:block;width:100%;border:0;background:transparent;color:#cbd0cc;padding:11px;border-radius:8px;text-align:left;cursor:pointer}.top-popover button:hover{background:#222723;color:#fff}.notifications-popover{right:215px;width:min(390px,calc(100vw - 30px));padding:10px}.notifications-popover header{display:flex;justify-content:space-between;padding:9px}.notification-preview{border-top:1px solid #252a27!important}.notification-preview small{display:block;color:#737b75;margin-top:4px}.search-result{display:grid!important;gap:2px}.search-result small{color:#737b75}
.goals-list-head{display:flex;justify-content:flex-end;margin-bottom:12px}.archive-button{display:flex;align-items:center;gap:7px}.archive-row td:last-child{text-align:right}.archive-empty{padding:64px;text-align:center}.goal-create-page{max-width:980px;margin:auto}.goal-create-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.goal-create-head h2{margin:0}.goal-create-form{display:grid;gap:14px}.goal-create-form .builder-section{margin:0}.goal-create-actions{position:sticky;bottom:14px;background:#111412e8;border:1px solid #292f2b;border-radius:13px;padding:12px;display:flex;justify-content:flex-end;gap:10px;backdrop-filter:blur(14px)}
.badge{white-space:nowrap}.auth-flow span{position:absolute;left:-25%;width:150%;height:1px;background:linear-gradient(90deg,transparent,#91ff384d,#91ff38,transparent);filter:drop-shadow(0 0 8px #91ff38);animation:flow-line 9s linear infinite}.auth-flow span:nth-child(1){top:18%;transform:rotate(8deg)}.auth-flow span:nth-child(2){top:36%;animation-delay:-2s;transform:rotate(-5deg)}.auth-flow span:nth-child(3){top:54%;animation-delay:-4s;transform:rotate(4deg)}.auth-flow span:nth-child(4){top:70%;animation-delay:-6s;transform:rotate(-8deg)}.auth-flow span:nth-child(5){top:86%;animation-delay:-8s;transform:rotate(2deg)}
@keyframes flow-line{0%{opacity:0;translate:-25% 20px}15%,70%{opacity:.32}100%{opacity:0;translate:25% -20px}}
.auth-nebula:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 28% 36%,#91ff381c 0 8%,transparent 27%),radial-gradient(circle at 72% 62%,#27cc7017 0 7%,transparent 26%);filter:blur(12px);animation:nebula-breathe 12s ease-in-out infinite alternate}.auth-nebula:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#a5ff641c 1px,transparent 1.5px);background-size:52px 52px;mask-image:radial-gradient(ellipse at center,#000 5%,transparent 72%);opacity:.55;animation:nebula-grid 24s linear infinite}.auth-nebula span{position:absolute;border:1px solid #91ff3814;border-radius:50%;box-shadow:inset 0 0 42px #91ff3808,0 0 50px #0004;animation:nebula-float 16s ease-in-out infinite alternate}.auth-nebula span:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#a3ff5d;box-shadow:0 0 18px #91ff38;opacity:.5}.auth-nebula span:nth-child(1){width:340px;height:340px;left:7%;top:12%}.auth-nebula span:nth-child(1):after{right:38px;top:54px}.auth-nebula span:nth-child(2){width:220px;height:220px;right:10%;bottom:9%;animation-delay:-7s;animation-direction:alternate-reverse}.auth-nebula span:nth-child(2):after{left:26px;bottom:43px}.auth-nebula span:nth-child(3){width:90px;height:90px;left:22%;bottom:13%;animation-delay:-3s}.auth-nebula span:nth-child(3):after{right:8px;top:16px}.auth-nebula span:nth-child(4){width:5px;height:5px;border:0;background:#91ff38;left:17%;top:68%;box-shadow:0 0 24px #91ff38;animation-duration:8s}.auth-nebula span:nth-child(4):after,.auth-nebula span:nth-child(5):after{display:none}.auth-nebula span:nth-child(5){width:4px;height:4px;border:0;background:#72dca0;right:24%;top:24%;box-shadow:0 0 20px #72dca0;animation-duration:10s;animation-delay:-4s}@keyframes nebula-breathe{to{transform:translate3d(3%,-2%,0) scale(1.08);opacity:.75}}@keyframes nebula-grid{to{background-position:52px 52px}}@keyframes nebula-float{0%{transform:translate3d(0,0,0) rotate(-8deg)}100%{transform:translate3d(28px,-22px,0) rotate(8deg)}}
.auth-streams:before{content:"";position:absolute;inset:-15%;background:radial-gradient(circle at 22% 28%,#91ff3818,transparent 28%),radial-gradient(circle at 78% 72%,#32d77912,transparent 25%);filter:blur(18px);animation:stream-glow 14s ease-in-out infinite alternate}.auth-streams:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 38%,#91ff3805 38.1% 38.2%,transparent 38.3% 100%);animation:stream-sweep 18s ease-in-out infinite}.auth-streams span{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#91ff382e 22%,#a9ff665c 50%,#91ff382e 78%,transparent);filter:drop-shadow(0 0 7px #91ff3840);transform-origin:center;opacity:.45;animation:stream-drift 12s ease-in-out infinite alternate}.auth-streams span:after{content:"";position:absolute;right:22%;top:-2px;width:5px;height:5px;border-radius:50%;background:#a8ff67;box-shadow:0 0 14px #91ff38}.auth-streams span:nth-child(1){width:38vw;left:-6%;top:24%;transform:rotate(12deg)}.auth-streams span:nth-child(2){width:31vw;right:-4%;top:30%;transform:rotate(-16deg);animation-delay:-4s}.auth-streams span:nth-child(3){width:27vw;left:5%;bottom:23%;transform:rotate(-9deg);animation-delay:-8s}.auth-streams span:nth-child(4){width:34vw;right:2%;bottom:18%;transform:rotate(10deg);animation-delay:-2s}.auth-streams span:nth-child(5){width:18vw;left:41%;top:15%;transform:rotate(78deg);opacity:.22;animation-delay:-6s}@keyframes stream-glow{to{transform:translate3d(4%,-3%,0) scale(1.06)}}@keyframes stream-sweep{0%,100%{opacity:.25;transform:translateX(-3%)}50%{opacity:.7;transform:translateX(3%)}}@keyframes stream-drift{0%{translate:0 0}100%{translate:24px -18px}}
@media(max-width:760px){.topbar{margin:-24px -18px 22px;padding:0 14px;height:62px}.global-search{width:auto;flex:1}.top-account button>span:nth-child(2),.top-account i{display:none}.notifications-popover{right:0}.goal-create-page{width:100%}.goal-create-form .builder-grid,.goal-create-form .builder-grid.three,.goal-create-form .builder-grid.four{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.auth-flow span,.auth-nebula:before,.auth-nebula:after,.auth-nebula span,.auth-streams:before,.auth-streams:after,.auth-streams span{animation:none}}
aside{width:220px;padding:20px 14px}.shell{grid-template-columns:220px 1fr}.brand{padding:0 9px 20px}.brand b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nav{gap:3px}nav small{font-size:8px;margin:16px 11px 6px}nav button{padding:9px 11px;font-size:12px;display:flex;align-items:center;gap:10px}nav button>i{width:15px;text-align:center;font-size:12px;opacity:.72}nav button.active>i{opacity:1}.activity-item{grid-template-columns:34px 1fr}.activity-icon{width:32px;height:32px;font-size:12px}
@media(max-width:760px){.shell{grid-template-columns:64px 1fr}aside{width:64px;padding:16px 8px}.brand{padding-left:6px}.brand b,nav small{display:none}nav button{justify-content:center;padding:10px;font-size:0}nav button>i{font-size:14px}.top-account #avatar{width:34px;height:34px}}

/* Layout polish */
.global-search{min-width:0}.page-header-actions{display:flex!important;align-items:center!important;justify-content:flex-end;gap:9px}.page-header-actions>div:first-child{margin-right:auto}.archive-button{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.goals-list-head{justify-content:flex-start}.archive-empty{display:grid;place-items:center;gap:12px}.archive-empty i{font-size:24px;color:#68716a}.icon-enhanced{display:inline-flex!important;align-items:center;justify-content:center;gap:7px}.icon-enhanced>.fa-solid{font-size:.9em}
.notifications-popover{width:min(370px,calc(100vw - 30px));max-height:min(520px,calc(100vh - 80px));overflow:auto}.notifications-popover header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 8px 10px}.notifications-popover header b{font-size:14px}.notifications-popover header button{display:inline-flex!important;align-items:center;gap:6px;width:auto!important;padding:7px 9px;background:#222723;color:#d9dedb;white-space:nowrap}.notification-preview{display:grid!important;gap:4px;line-height:1.35}.notification-preview b{font-size:12px}.notification-preview small{margin:0;font-size:10px}nav button.icon-enhanced,.top-popover button.icon-enhanced{justify-content:flex-start!important}
@media(max-width:760px){.topbar{margin:-20px -14px 18px;padding:0 10px;height:60px;gap:6px}.global-search{width:auto;flex:1}.global-search input{font-size:12px;padding-right:8px}.notifications-popover{position:fixed;left:10px;right:10px;top:64px;width:auto;max-height:calc(100vh - 145px)}.top-popover#account-menu{position:fixed;right:10px;top:64px}.page-header-actions{flex-wrap:wrap}.page-header-actions>div:first-child{width:100%;margin:0}.page-header-actions #create,.page-header-actions #archive-header-action{flex:1}.activity-toolbar{align-items:flex-start;gap:10px}.activity-toolbar>div:last-child{justify-content:flex-end;flex-wrap:wrap}.activity-item{padding:13px;gap:9px}}
@media(max-width:430px){.global-search input{padding-left:34px}.global-search>span{left:11px}.top-icon{width:36px;height:36px}.top-account>button{padding:0}.content>header{align-items:stretch}.page-header-actions #create,.page-header-actions #archive-header-action{font-size:11px;padding:10px 8px}.activity-toolbar{display:grid}.activity-toolbar>div:last-child{justify-content:flex-start}}

/* Compact typography */
body{font-size:14px}.content h3{font-size:14px}.content button,.content input,.content select,.content textarea{font-size:13px}.content .primary{font-size:13px}.goal-hero h2{font-size:22px}.profile-hero h2{font-size:20px}.settings-card h2,.report-panel h3{font-size:14px}dialog header h2{font-size:16px}.global-search>span{top:12px;left:14px;font-size:13px}.global-search input{padding-left:36px;font-size:13px}.top-account b{font-size:13px}.top-account small{font-size:10px}
.badge.status-draft,.badge.status-archived,.badge.status-inactive,.badge.status-dismissed{background:#252a27;color:#aeb5b0}.badge.status-planned{background:#172b45;color:#75baff}.badge.status-in_progress,.badge.status-active,.badge.status-on_track,.badge.status-completed{background:#183522;color:#82f29d}.badge.status-blocked,.badge.status-cancelled,.badge.status-off_track,.badge.status-critical{background:#421f22;color:#ff8d91}.badge.status-at_risk,.badge.status-probation,.badge.status-high{background:#432f16;color:#ffc76e}.badge.status-vacation,.badge.status-medium{background:#34284b;color:#c4a4ff}.badge.status-low{background:#18363a;color:#7edfe8}
