:root{--maroon:#80001c;--maroon2:#a91036;--gold:#b87e31;--blue:#2387f5;--amber:#e2972c;--green:#31ba82;--text:#fff;--muted:#b9bdca;--panel:rgba(24,27,39,.88);--border:rgba(184,126,49,.45);--glass:rgba(255,255,255,.07);--shadow:0 24px 70px rgba(0,0,0,.35);--bg:#08090e}*{box-sizing:border-box}body{margin:0;font-family:Aptos,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}body.light{--bg:#faf7f3;--text:#3f1826;--muted:#585858;--panel:rgba(255,255,255,.88);--border:rgba(128,0,28,.18);--glass:rgba(255,255,255,.72);--shadow:0 20px 50px rgba(70,38,20,.15)}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 10% 0%,rgba(128,0,28,.45),transparent 28%),radial-gradient(circle at 88% 0%,rgba(184,126,49,.30),transparent 30%),linear-gradient(135deg,#08090e,#11131d 60%,#07070b)}body.light:before{background:radial-gradient(circle at 5% 0%,rgba(128,0,28,.14),transparent 25%),radial-gradient(circle at 86% 0%,rgba(184,126,49,.18),transparent 26%),linear-gradient(135deg,#fbf8f4,#f4ede6 70%,#fbfaf8)}button,input,textarea,select{font:inherit}button{cursor:pointer}.app{padding:clamp(18px,3.4vw,42px) clamp(18px,4.2vw,72px) clamp(24px,4vw,60px);max-width:1920px;margin:auto}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:clamp(18px,3vw,32px)}.header h1{margin:0;font-size:clamp(26px,3vw,38px);letter-spacing:-.03em}.brand-block{display:grid;gap:10px}.crumb{color:var(--gold);font-size:17px}.actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}.pill,.ghost{border:1px solid var(--border);background:var(--glass);color:var(--text);border-radius:999px;padding:12px 18px}.primary{border:1px solid rgba(184,126,49,.75);background:var(--maroon);color:white;border-radius:26px;padding:15px 22px;font-weight:800}.innovation-pill{background:linear-gradient(135deg,var(--maroon),var(--maroon2));color:#fff;border-color:rgba(184,126,49,.7);font-weight:800}.hub-menu{display:flex;align-items:flex-start;gap:16px;min-height:42px}.hamburger{width:auto;height:auto;min-width:68px;border:0;background:transparent;box-shadow:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--gold)}.hamburger-bars{width:54px;height:54px;border-radius:22px;border:1px solid var(--border);background:transparent;display:grid;place-items:center;padding:12px;gap:5px;box-shadow:0 10px 28px rgba(0,0,0,.16)}.hamburger span{display:block;width:26px;height:2px;background:var(--gold);border-radius:999px;transition:.28s ease}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hamburger em{font-style:normal;font-size:12px;font-weight:900;letter-spacing:.04em;color:var(--gold);text-transform:uppercase}.status-menu{display:flex;align-items:center;gap:14px;overflow:hidden;max-width:0;opacity:0;transform:translateX(-10px);transition:max-width .75s cubic-bezier(.16,1,.3,1),opacity .35s ease,transform .55s ease}.status-menu.open{max-width:1800px;opacity:1;transform:translateX(0)}.status-chip{min-width:138px;border:1px solid rgba(184,126,49,.58);background:transparent;color:var(--text);border-radius:20px;padding:12px 15px;text-align:left;opacity:0;transform:scale(.88);filter:brightness(.8)}.status-menu.open .status-chip{animation:trafficPulse .85s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i)*.55s)}.status-chip:hover{background:rgba(184,126,49,.08);border-color:rgba(184,126,49,.95);transform:translateY(-3px) scale(1.03)!important}.status-chip b{font-size:24px;display:block;line-height:1;color:#fff}.status-chip span{display:block;color:var(--muted);font-size:12px;margin-top:5px;white-space:nowrap}@keyframes trafficPulse{0%{opacity:0;transform:scale(.76) translateY(8px);filter:brightness(.55)}45%{opacity:1;transform:scale(1.08);filter:brightness(1.25)}72%{transform:scale(.96);filter:brightness(.96)}100%{opacity:1;transform:scale(1);filter:brightness(1)}}.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:18px}.phase-card,.panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow)}.phase-card{border-radius:38px;min-height:clamp(430px,66vh,600px);padding:clamp(22px,2.5vw,34px)}.phase-card h2{margin:0;font-size:34px}.phase-object{height:clamp(230px,32vh,315px);display:flex;align-items:center;justify-content:center}.reactor{width:clamp(220px,19vw,310px);height:clamp(220px,19vw,310px);border-radius:50%;position:relative;display:grid;place-items:center;overflow:hidden;filter:drop-shadow(0 0 calc(12px + var(--p)*.45px) color-mix(in srgb,var(--accent) 65%,transparent))}.reactor:before{content:"";position:absolute;inset:16px;border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.64),rgba(255,255,255,.12) 28%,rgba(20,23,33,.30) 68%,rgba(0,0,0,.38));border:3px solid rgba(255,255,255,.28);z-index:2}.reactor:after{content:"";position:absolute;inset:-2px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--p)*1%),rgba(255,255,255,.18) 0);mask:radial-gradient(farthest-side,transparent 78%,#000 80%);-webkit-mask:radial-gradient(farthest-side,transparent 78%,#000 80%);z-index:5}.liquid-fill{position:absolute;left:38px;right:38px;bottom:38px;height:calc(var(--p)*2.33px);max-height:233px;border-radius:0 0 140px 140px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 78%,white 22%),var(--accent));box-shadow:inset 0 28px 38px rgba(255,255,255,.16),inset 0 -42px 48px rgba(0,0,0,.28),0 0 calc(20px + var(--p)*.35px) color-mix(in srgb,var(--accent) 65%,transparent);z-index:1}.liquid-fill:before{content:"";position:absolute;left:-8%;right:-8%;top:-18px;height:42px;border-radius:50%;background:radial-gradient(ellipse at 35% 40%,rgba(255,255,255,.72),rgba(255,255,255,.18) 35%,transparent 65%),linear-gradient(90deg,color-mix(in srgb,var(--accent) 55%,white 45%),var(--accent));animation:wave 4.8s ease-in-out infinite}.blob{width:152px;height:142px;border-radius:42% 58% 48% 52%;background:radial-gradient(circle at 25% 18%,rgba(255,255,255,.75),transparent 28%),linear-gradient(135deg,var(--accent),rgba(255,255,255,.18));box-shadow:inset 0 -32px 42px rgba(0,0,0,.22),0 0 45px var(--accent);animation:floaty 5s ease-in-out infinite;z-index:3;opacity:calc(.25 + var(--p)*.0075)}.reactor-percent{position:absolute;font-size:clamp(28px,2.6vw,36px);font-weight:900;color:white;text-shadow:0 2px 18px rgba(0,0,0,.75);z-index:6}@keyframes wave{0%,100%{transform:translateX(-3%) rotate(-1deg)}50%{transform:translateX(3%) rotate(1deg)}}@keyframes floaty{0%,100%{transform:rotate(-4deg) scale(1)}50%{transform:rotate(6deg) scale(1.04)}}.phase-count{font-size:25px;font-weight:800}.phase-progress{color:var(--muted);margin-top:8px}.open{width:100%;margin-top:30px;border:0;background:var(--maroon);color:#fff;border-radius:24px;padding:16px;font-weight:900}.phase-tabs{display:flex;gap:12px;margin:10px 0 22px}.phase-tabs button{border:1px solid var(--border);color:var(--text);background:var(--glass);padding:14px 30px;border-radius:999px;font-size:18px;text-transform:uppercase}.phase-tabs .active{background:var(--maroon)}.phase-tabs-split{justify-content:space-between;align-items:center}.phase-left{display:flex;gap:12px;flex-wrap:wrap}.phase-home{margin-left:auto}.panel{border-radius:38px;padding:30px 36px;margin-bottom:28px}.panel h2{margin:0;font-size:30px}.panel p{color:var(--muted);margin-top:8px}.branch-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.branch-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.branch-panel{overflow:hidden;position:relative;padding-bottom:22px}.scroll-shell{position:relative;margin-top:18px}.carousel-track{display:flex;gap:clamp(18px,3vw,42px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:26px 0 42px;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}.carousel-track::-webkit-scrollbar{display:none}.snap-spacer{flex:0 0 calc((100% - clamp(220px,25vw,400px))/2);height:1px;pointer-events:none}.snap-card{flex:0 0 clamp(220px,25vw,400px);height:clamp(205px,31vh,315px);scroll-snap-align:center;border:0;background:transparent;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:16px;transform:translateY(var(--card-y,18px)) scale(var(--card-scale,.74)) rotateY(var(--card-rot,0));opacity:var(--card-opacity,.55);transition:transform 130ms linear,opacity 130ms linear,filter 130ms linear;will-change:transform,opacity}.snap-art{width:100%;height:100%;border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(255,255,255,.76));border:1px solid rgba(184,126,49,.32);box-shadow:0 34px 105px rgba(0,0,0,.19),0 22px 52px rgba(128,0,28,.10);display:grid;place-items:center;position:relative;padding:28px;overflow:hidden}.snap-art img{display:block;width:90%;height:80%;object-fit:contain;z-index:1;transform:scale(var(--logo-scale,1));filter:drop-shadow(0 14px 20px rgba(0,0,0,.14))}.snap-card.is-center .snap-art{border:2px solid rgba(184,126,49,.58);box-shadow:0 42px 130px rgba(128,0,28,.23),0 26px 74px rgba(0,0,0,.18)}.snap-card.is-center .snap-art img{transform:scale(calc(var(--logo-scale,1)*1.1))}.snap-card.logo-fill .snap-art img{object-fit:cover;width:100%;height:100%;border-radius:30px}.gold-counter{position:absolute;right:20px;bottom:18px;width:56px;height:56px;border-radius:50%;background:var(--gold);color:#fff;display:grid;place-items:center;font-weight:950;font-size:25px;border:5px solid rgba(255,255,255,.9);box-shadow:0 12px 28px rgba(0,0,0,.28);z-index:3}.snap-title{font-size:clamp(22px,2.4vw,34px);line-height:1;font-weight:950;color:var(--gold);text-align:center}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:8;border:1px solid var(--border);background:rgba(255,255,255,.65);color:var(--maroon);width:48px;height:82px;border-radius:32px;font-size:52px;line-height:1;display:grid;place-items:center;box-shadow:0 20px 50px rgba(70,38,20,.15)}.carousel-nav.prev{left:2px}.carousel-nav.next{right:2px}.carousel-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:-8px}.carousel-caption strong{font-size:24px;color:var(--gold);display:block}.carousel-caption span{font-size:14px;color:var(--muted)}.carousel-dots{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.carousel-dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(184,126,49,.35);padding:0}.carousel-dots button.active{width:28px;border-radius:999px;background:var(--gold)}#project-panel{scroll-margin-top:24px;transition:opacity .22s ease,transform .22s ease}#project-panel.panel-refresh{opacity:.58;transform:translateY(6px)}.project-list{display:grid;gap:13px;margin-top:18px}.row{display:grid;grid-template-columns:1.4fr .75fr .65fr auto;gap:18px;align-items:center;background:var(--glass);border:1px solid var(--border);border-radius:20px;padding:14px 18px}.user-row{grid-template-columns:1.3fr .5fr .45fr .6fr auto}.name{font-weight:800}.status,.small{color:var(--muted);font-size:13px}.owner{font-weight:700;color:var(--gold);font-size:13px}.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.progress{background:var(--maroon);color:white;border-radius:999px;padding:10px 18px;font-weight:900}.status-pill{border:1px solid var(--border);background:var(--glass);color:var(--gold);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;white-space:nowrap}.admin{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.admin .small{align-self:center}.footer{margin-top:18px;background:var(--maroon);color:white;border-radius:18px;padding:13px 22px;display:flex;justify-content:flex-end;gap:12px}.footer span{font-weight:900}.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.65);display:grid;place-items:center;z-index:20;padding:30px}.modal{width:min(900px,96vw);max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:32px;box-shadow:0 30px 100px rgba(0,0,0,.55);padding:28px}.modal-head{display:flex;justify-content:space-between;align-items:center}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;color:var(--gold);font-weight:800}.field input,.field textarea,.field select{border:1px solid var(--border);border-radius:14px;background:var(--glass);color:var(--text);padding:12px}.field textarea{min-height:105px}.right{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.logo-preview{border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.86);min-height:150px;display:grid;place-items:center;padding:18px}.logo-preview img{max-width:90%;max-height:160px;object-fit:contain}.toast{position:fixed;right:24px;bottom:24px;background:var(--maroon);color:white;border:1px solid var(--gold);border-radius:20px;padding:14px 18px;z-index:50;box-shadow:var(--shadow)}@media(max-width:1100px){.phase-grid{grid-template-columns:1fr}.row,.user-row{grid-template-columns:1fr}.phase-tabs-split{align-items:flex-start;flex-direction:column}.phase-home{margin-left:0}.snap-spacer{flex-basis:calc((100% - min(68vw,360px))/2)}.snap-card{flex-basis:min(68vw,360px);height:275px}.status-menu.open{flex-wrap:wrap;max-width:100%}.header{flex-direction:column}.actions{justify-content:flex-start}}@media(max-width:640px){.app{padding:16px}.phase-card{min-height:390px}.phase-object{height:210px}.reactor{width:205px;height:205px}.snap-spacer{flex-basis:9vw}.snap-card{flex-basis:82vw;height:225px}.carousel-track{mask-image:none}.carousel-nav{display:none}.form{grid-template-columns:1fr}.status-menu.open{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px}.status-chip{min-width:0}.phase-tabs button{font-size:14px;padding:12px 18px}}

/* Emergency fix: restore transparent Overview menu and remove heavy red wrappers */
.header{align-items:flex-start!important}.brand-block{max-width:calc(100vw - 520px)}.hub-menu{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;display:flex!important;align-items:flex-start!important;gap:16px!important;min-height:42px!important;overflow:visible!important}.hamburger{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;min-width:68px!important;width:auto!important;height:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important}.hamburger-bars{width:54px!important;height:54px!important;border-radius:22px!important;border:1px solid var(--border)!important;background:transparent!important;box-shadow:0 10px 28px rgba(0,0,0,.16)!important}.status-menu{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;display:flex!important;flex-wrap:nowrap!important;gap:14px!important;overflow:hidden!important;max-width:0!important;opacity:0!important;transform:translateX(-10px)!important;transition:max-width .75s cubic-bezier(.16,1,.3,1),opacity .35s ease,transform .55s ease!important}.status-menu.open{max-width:calc(100vw - 190px)!important;opacity:1!important;transform:translateX(0)!important;overflow-x:auto!important;scrollbar-width:none!important}.status-menu.open::-webkit-scrollbar{display:none!important}.status-chip{background:transparent!important;box-shadow:none!important;border:1px solid rgba(184,126,49,.58)!important;border-radius:20px!important;min-width:132px!important;padding:12px 14px!important;color:var(--text)!important}.status-chip b{color:#fff!important}.status-chip span{color:var(--muted)!important}.status-menu.open .status-chip{animation:trafficPulse .85s cubic-bezier(.16,1,.3,1) both!important;animation-delay:calc(var(--i)*.55s)!important}.phase-chip{pointer-events:none!important}.footer{display:none!important}
/* Cleaner project toolbar: no duplicate Users or Sign In inside phase cards */
.admin .small{color:var(--muted)!important}.admin button[data-a="users"],#project-panel .small button[data-a="signin"]{display:none!important}
@media(max-width:1100px){.brand-block{max-width:100%}.status-menu.open{max-width:100%!important;flex-wrap:nowrap!important}.actions{justify-content:flex-start!important}}
@media(max-width:640px){.status-menu.open{display:flex!important;overflow-x:auto!important}.status-chip{min-width:132px!important}}

/* Header fix v3: separate action bar from Overview row and stop chip border clipping */
.header{display:block!important;margin-bottom:clamp(18px,3vw,32px)!important}.header-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:24px!important;width:100%!important}.brand-block{max-width:none!important}.actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:14px!important;flex-wrap:nowrap!important}.icon-pill{width:54px!important;height:54px!important;padding:0!important;display:grid!important;place-items:center!important;font-size:22px!important;border-radius:50%!important}.account-pill{white-space:nowrap!important}.innovation-pill{white-space:nowrap!important;padding-left:22px!important;padding-right:22px!important}
.hub-menu{margin-top:22px!important;display:flex!important;align-items:center!important;gap:16px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;min-height:74px!important;width:100%!important}.hamburger{flex:0 0 auto!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;min-width:88px!important;width:88px!important;height:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;color:var(--gold)!important}.hamburger-bars{width:54px!important;height:54px!important;border-radius:22px!important;border:1px solid var(--border)!important;background:transparent!important;display:grid!important;place-items:center!important;padding:12px!important;gap:5px!important;box-shadow:0 10px 28px rgba(0,0,0,.16)!important}.hamburger em{font-style:normal!important;font-size:12px!important;font-weight:900!important;letter-spacing:.04em!important;color:var(--gold)!important;text-transform:uppercase!important}.hamburger span{display:block!important;width:26px!important;height:2px!important;background:var(--gold)!important;border-radius:999px!important;transition:.28s ease!important}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}.hamburger.open span:nth-child(2){opacity:0!important}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
.status-menu{display:flex!important;align-items:center!important;gap:14px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;overflow:visible!important;max-width:none!important;width:auto!important;opacity:0!important;transform:translateX(-8px)!important;pointer-events:none!important;transition:opacity .28s ease,transform .38s cubic-bezier(.16,1,.3,1)!important}.status-menu:not(.open) .status-chip{display:none!important}.status-menu.open{opacity:1!important;transform:translateX(0)!important;pointer-events:auto!important;overflow-x:visible!important}.status-chip{min-width:128px!important;max-width:158px!important;background:transparent!important;box-shadow:none!important;border:1px solid rgba(184,126,49,.58)!important;border-radius:20px!important;padding:12px 14px!important;color:var(--text)!important;opacity:0;transform:scale(.88);filter:brightness(.8);overflow:visible!important}.status-menu.open .status-chip{display:block!important;animation:trafficPulse .85s cubic-bezier(.16,1,.3,1) both!important;animation-delay:calc(var(--i)*.42s)!important}.status-chip b{font-size:24px!important;display:block!important;line-height:1!important;color:#fff!important}.status-chip span{display:block!important;color:var(--muted)!important;font-size:12px!important;margin-top:5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.phase-chip{pointer-events:none!important}.status-chip:hover{background:rgba(184,126,49,.08)!important;border-color:rgba(184,126,49,.95)!important;transform:translateY(-3px) scale(1.03)!important}
@media(max-width:1280px){.actions{gap:10px!important}.innovation-pill{padding-left:18px!important;padding-right:18px!important}.account-pill{max-width:210px!important;overflow:hidden!important;text-overflow:ellipsis!important}.status-menu.open{overflow-x:auto!important;scrollbar-width:none!important}.status-menu.open::-webkit-scrollbar{display:none!important}}
@media(max-width:900px){.header-top{flex-direction:column!important}.actions{justify-content:flex-start!important;flex-wrap:wrap!important}.hub-menu{align-items:flex-start!important}.status-menu.open{overflow-x:auto!important;max-width:calc(100vw - 130px)!important}.status-chip{min-width:132px!important}}
@media(max-width:640px){.icon-pill{width:48px!important;height:48px!important}.status-menu.open{display:flex!important;overflow-x:auto!important}.status-chip{min-width:132px!important}.hamburger{align-items:flex-start!important;width:78px!important;min-width:78px!important}}

/* Final close-out: light mode overview number contrast */
body.light .status-chip b,
body.light .phase-chip b{color:var(--maroon)!important;text-shadow:none!important}
body.light .status-chip span,
body.light .phase-chip span{color:#464646!important}
body.light .status-chip{border-color:rgba(128,0,28,.28)!important;background:rgba(255,255,255,.18)!important}
body.light .status-chip:hover{border-color:rgba(128,0,28,.45)!important;background:rgba(255,255,255,.34)!important}
body.light .hamburger-bars{border-color:rgba(128,0,28,.25)!important;background:rgba(255,255,255,.14)!important}

/* Final project register polish: filters, table layout, and activity log */
.project-filter{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0 16px}.project-filter div{display:flex;flex-direction:column;gap:6px}.project-filter label{font-size:12px;color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.04em}.project-filter select{min-width:220px;border:1px solid var(--border);border-radius:16px;background:var(--glass);color:var(--text);padding:12px 14px}.project-table{display:grid;gap:10px;margin-top:16px}.project-table-head,.project-row{display:grid;grid-template-columns:1.6fr .8fr 1fr .55fr .7fr auto;gap:16px;align-items:center}.project-table-head{padding:0 18px 5px;color:var(--gold);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.project-row{background:var(--glass);border:1px solid var(--border);border-radius:22px;padding:16px 18px}.project-main strong{display:block;font-size:18px}.project-main span{display:block;color:var(--muted);margin-top:4px}.progress-wrap{display:flex;align-items:center;gap:10px}.progress-bar{width:90px;height:9px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden;border:1px solid rgba(184,126,49,.25)}.progress-bar i{display:block;height:100%;background:var(--maroon);border-radius:999px}.progress-wrap b{font-size:14px;color:#fff}.empty-row{padding:16px 0}.user-tabs{display:flex;gap:12px;margin:16px 0 18px}.user-tabs button{border:1px solid var(--border);background:var(--glass);color:var(--text);border-radius:999px;padding:12px 18px}.user-tabs button.active{background:var(--maroon);color:white}.activity-log{display:grid;gap:10px}.log-row{display:grid;grid-template-columns:1.4fr .6fr .7fr;gap:16px;align-items:center;background:var(--glass);border:1px solid var(--border);border-radius:18px;padding:14px 16px}.log-row strong{display:block}.log-row span{display:block;color:var(--muted);margin-top:4px}
body.light .project-filter select{color:var(--text);background:rgba(255,255,255,.55)}body.light .progress-wrap b{color:var(--maroon)}body.light .progress-bar{background:rgba(128,0,28,.08)}
@media(max-width:1100px){.project-table-head{display:none}.project-row{grid-template-columns:1fr}.progress-wrap{justify-content:flex-start}.log-row{grid-template-columns:1fr}}

/* Final-final: dropdown visibility and filter labels */
.project-filter select option{background:#202331;color:#ffffff}
body.light .project-filter select option{background:#ffffff;color:#3f1826}
.project-filter select{appearance:auto!important}
body:not(.light) .project-filter select{background:#262936!important;color:#ffffff!important}
body:not(.light) .project-filter select:focus{outline:2px solid rgba(184,126,49,.5)}