:root {
  --bg:               #0C0B0A;
  --bg-2:             #131210;
  --bg-3:             #1B1916;
  --bg-4:             #211F1B;
  --bg-card:          #16140F;
  --purple-black:     #1B1916;
  --purple-dark:      #2A2620;
  --purple-neon:      #7C3AED;
  --lilac:            #B23AED;
  --magenta:          #E0218A;
  --red:              #FF2D55;
  --red-hot:          #FF4D6D;
  --orange:           #FF2D55;
  --yellow:           #FF6FAE;
  --green:            #4ADE80;
  --fg:               #F2EEE6;
  --fg-2:             rgba(242,238,230,.65);
  --fg-3:             rgba(242,238,230,.40);
  --muted:            #8C8676;
  --muted-2:          #4A453B;
  --line:             rgba(242,238,230,.10);
  --line-2:           rgba(242,238,230,.16);
  --line-purple:      rgba(124,58,237,.28);
  --mark-rocket: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 181.87 145.22'%3E%3Cpath fill='%23000' d='M181.29.7c-.33-.5-3.36-.69-4.1-.7-23.64-.23-48.19,19.73-63.11,36.9-.62.71-1.42,1.22-2.33,1.44-5.06,1.22-10.29,1.91-15.27,3.32-.82.23-1.55.71-2.12,1.34l-11.74,13.02c-.42.51-.65,1.2-.07,1.66l14.01,4.76c1.9.64,3.23,2.42,3.17,4.42-.05,1.95.09,3.86.46,5.78.28,1.44-.16,2.92-1.18,3.98l-4.9,5.08.14.75c1.11.72,4.94,5.5,5.88,5.57.62.05,1.43-.77,1.94-1.17.42-.33,1.8-1.61,3.06-2.75,1.31-1.19,3.16-1.44,4.81-.8,1.36.53,2.77.86,4.23.98,1.76.15,3.3,1.23,3.86,2.9l4.93,14.74c.41.33.84.53,1.3.15l13.6-12.02c.68-.6,1.16-1.39,1.39-2.27l3.79-14.84c.23-.92.75-1.73,1.48-2.33,17.13-14.27,34.2-36.47,37-59.01.26-2.08.77-9.42-.22-10.91Z'/%3E%3Cpath fill='%23000' d='M71.41,89.26C46.15,127.61,13.63,140.3.92,142.82c-1.15.23-1.27,2.08-.09,2.18,43.06,3.45,94.54-33.98,94.54-33.98l-2.41-20.96-21.54-.8Z'/%3E%3C/svg%3E");
  --glow-lilac:       0 0 32px rgba(124,58,237,.34);
  --glow-red:         0 0 32px rgba(255,45,85,.30);
  --grad-sunset:      linear-gradient(90deg,#FF2D55 0%,#E0218A 50%,#7C3AED 100%);
  --grad-roxo-red:    linear-gradient(90deg,#FF2D55 0%,#E0218A 55%,#7C3AED 100%);
  --grad-fogo:        linear-gradient(90deg,#FF2D55 0%,#E0218A 50%,#7C3AED 100%);
  --grad-cyber:       linear-gradient(135deg,#0C0B0A 0%,#3A1530 55%,#7C3AED 100%);
  --ease:             cubic-bezier(.2,.6,.2,1);
  --ease-out:         cubic-bezier(.16,.84,.44,1);
  --rad-sm:           9px;
  --rad-md:           16px;
  --rad-lg:           24px;
  /* space / arc theme — igual à home */
  --nebula-purple:    rgba(88,28,135,.20);
  --nebula-blue:      rgba(30,58,138,.16);
  --nebula-teal:      rgba(6,182,212,.09);
  --nebula-violet:    rgba(124,58,237,.14);
  --star-a:           rgba(255,255,255,.65);
  --star-b:           rgba(200,210,255,.50);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:16px;}
body{
  background:var(--bg);color:var(--fg);
  font-family:'Schibsted Grotesk',sans-serif;font-weight:300;
  line-height:1.6;overflow-x:hidden;
  min-height:100vh;
}
a{color:inherit;text-decoration:none;}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;}
img,svg{display:block;max-width:100%;}

/* Grain */
body::after{
  content:'';position:fixed;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
  pointer-events:none;z-index:9999;opacity:.13;mix-blend-mode:overlay;
}

/* Atmospheric BG — nebulosas espaciais (igual à home) */
body::before{
  content:'';position:fixed;inset:0;
  background:
    radial-gradient(ellipse 55% 45% at 88% -8%, var(--nebula-purple), transparent 62%),
    radial-gradient(ellipse 50% 55% at 8% 18%, var(--nebula-blue), transparent 62%),
    radial-gradient(ellipse 45% 50% at 60% 110%, var(--nebula-violet), transparent 65%),
    radial-gradient(ellipse 40% 40% at 30% 70%, var(--nebula-teal), transparent 65%);
  pointer-events:none;z-index:0;
}
/* Campo de estrelas sutil */
.star-field{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:
    radial-gradient(1px 1px at 12% 18%, var(--star-a), transparent 0),
    radial-gradient(1px 1px at 28% 42%, var(--star-b), transparent 0),
    radial-gradient(1px 1px at 44% 12%, var(--star-a), transparent 0),
    radial-gradient(1px 1px at 62% 55%, var(--star-b), transparent 0),
    radial-gradient(1px 1px at 78% 28%, var(--star-a), transparent 0),
    radial-gradient(1px 1px at 88% 62%, var(--star-b), transparent 0),
    radial-gradient(1px 1px at 18% 78%, var(--star-a), transparent 0),
    radial-gradient(1px 1px at 52% 88%, var(--star-b), transparent 0),
    radial-gradient(1.5px 1.5px at 70% 8%, rgba(255,255,255,.8), transparent 0),
    radial-gradient(1.5px 1.5px at 36% 66%, rgba(200,220,255,.7), transparent 0),
    radial-gradient(2px 2px at 92% 88%, rgba(180,200,255,.6), transparent 0);
  animation:starTwinkle 9s ease-in-out infinite alternate;
}
@keyframes starTwinkle{ 0%{opacity:.5;} 50%{opacity:.9;} 100%{opacity:.6;} }

.app{position:relative;z-index:1;grid-template-columns:260px 1fr;min-height:100vh;}

/* ══════════════════════════════════════════════════════════
   SIDEBAR
══════════════════════════════════════════════════════════ */
.sidebar{
  position:sticky;top:0;height:100vh;
  background:rgba(20,16,22,.55);
  backdrop-filter:blur(24px) saturate(140%);
  -webkit-backdrop-filter:blur(24px) saturate(140%);
  border-right:1px solid var(--line);
  padding:28px 22px;
  display:flex;flex-direction:column;gap:32px;
  z-index:10;
}

.brand{
  display:flex;align-items:center;gap:12px;padding:6px 4px;
}
.brand .mark{
  width:24px;height:24px;background:var(--lilac);
  -webkit-mask:var(--mark-rocket) center/contain no-repeat;
  mask:var(--mark-rocket) center/contain no-repeat;
  filter:drop-shadow(0 0 10px rgba(124,58,237,.55));
}
.brand .name{
  font-family:'Schibsted Grotesk',sans-serif;font-size:22px;letter-spacing:.14em;
}
.brand .name span{color:var(--lilac);}

.workspace{
  display:flex;align-items:center;gap:12px;
  padding:14px;
  background:rgba(124,58,237,.06);
  border:1px solid var(--line-purple);
  border-radius:var(--rad-md);
}
.ws-avatar{
  width:36px;height:36px;border-radius:50%;
  background:var(--purple-dark);
  display:flex;align-items:center;justify-content:center;
  font-family:'Schibsted Grotesk',sans-serif;font-size:14px;color:var(--fg);
  flex-shrink:0;letter-spacing:.04em;position:relative;overflow:hidden;
  border:1px solid var(--line-purple);
}
.ws-avatar image-slot{position:absolute;inset:0;width:100%;height:100%;}
.ws-meta{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1;}
.ws-label{
  font-family:'JetBrains Mono',monospace;font-size:9px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);
}
.ws-name{font-size:13px;color:var(--fg);font-weight:500;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ws-arrow{color:var(--fg-3);font-size:14px;}

.side-section{display:flex;flex-direction:column;gap:4px;}
.side-section .heading{
  font-family:'JetBrains Mono',monospace;font-size:9px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--muted);
  padding:6px 12px;margin-bottom:4px;
}
.side-link{
  display:flex;align-items:center;gap:12px;
  padding:10px 12px;border-radius:var(--rad-sm);
  font-size:13.5px;color:var(--fg-2);
  transition:background .2s,color .2s;
  position:relative;
}
.side-link .ic{
  width:18px;height:18px;flex-shrink:0;color:var(--fg-3);
  transition:color .2s;
}
.side-link .badge{
  margin-left:auto;font-family:'JetBrains Mono',monospace;
  font-size:9px;padding:3px 7px;
  background:var(--bg-3);border-radius:99px;
  letter-spacing:.06em;color:var(--fg-2);
}
.side-link.active .badge{background:var(--fg);color:var(--bg);}
.side-link:hover{background:rgba(124,58,237,.07);color:var(--fg);}
.side-link:hover .ic{color:var(--fg);}
.side-link.active{
  background:rgba(124,58,237,.10);
  color:var(--fg);
}
.side-link.active::before{
  content:'';position:absolute;left:-22px;top:8px;bottom:8px;width:2px;
  background:var(--fg);
}
.side-link.active .ic{color:var(--fg);}

.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:14px;}
.upgrade-card{
  padding:18px;
  background:var(--bg-3);
  border:1px solid var(--line-purple);
  border-radius:var(--rad-md);
  position:relative;overflow:hidden;
}
.upgrade-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:var(--fg-2);
}
.upgrade-card .lbl{
  font-family:'JetBrains Mono',monospace;font-size:9px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--fg);
  opacity:.85;position:relative;z-index:1;
}
.upgrade-card .ttl{
  font-family:'Schibsted Grotesk',sans-serif;font-size:20px;letter-spacing:.04em;
  line-height:1.05;margin-top:8px;position:relative;z-index:1;
}
.upgrade-card .ttl em{font-style:normal;color:var(--fg-3);}
.upgrade-card .act{
  margin-top:14px;display:inline-flex;align-items:center;gap:6px;
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--fg);
  position:relative;z-index:1;cursor:pointer;
}

/* ══════════════════════════════════════════════════════════
   MAIN
══════════════════════════════════════════════════════════ */
.main{padding:0;display:flex;flex-direction:column;}

/* ── TOPBAR ── */
.topbar{
  position:sticky;top:0;z-index:5;
  display:flex;align-items:center;gap:20px;
  padding:18px 40px;
  background:rgba(24,20,22,.65);
  backdrop-filter:blur(20px) saturate(140%);
  -webkit-backdrop-filter:blur(20px) saturate(140%);
  border-bottom:1px solid var(--line);
}
.tb-bread{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);
  display:flex;align-items:center;gap:10px;
}
.tb-bread .slash{color:var(--muted-2);}
.tb-bread .cur{color:var(--lilac);}

.tb-search{
  flex:1;max-width:440px;margin:0 auto;position:relative;
}
.tb-search input{
  width:100%;padding:11px 14px 11px 38px;
  background:var(--bg-2);
  border:1px solid var(--line);
  border-radius:var(--rad-md);
  color:var(--fg);font-family:'Schibsted Grotesk',sans-serif;font-size:13px;
  outline:none;transition:border-color .2s,background .2s;
}
.tb-search input::placeholder{color:var(--muted);font-style:italic;}
.tb-search input:focus{border-color:var(--line-2);background:var(--bg-3);}
.tb-search .si{
  position:absolute;left:13px;top:50%;transform:translateY(-50%);
  width:14px;height:14px;color:var(--muted);pointer-events:none;
}
.tb-search .kbd{
  position:absolute;right:10px;top:50%;transform:translateY(-50%);
  font-family:'JetBrains Mono',monospace;font-size:9px;
  padding:3px 7px;background:var(--bg);border:1px solid var(--line);
  border-radius:4px;color:var(--muted);letter-spacing:.08em;
}

.tb-actions{display:flex;align-items:center;gap:10px;}
.tb-btn{
  width:38px;height:38px;border:1px solid var(--line);
  background:var(--bg-2);border-radius:var(--rad-sm);
  display:flex;align-items:center;justify-content:center;
  color:var(--fg-2);transition:all .2s;position:relative;
}
.tb-btn:hover{border-color:var(--line-2);color:var(--fg);}
.tb-btn .ic{width:16px;height:16px;}
.tb-btn .dot{
  position:absolute;top:7px;right:7px;width:7px;height:7px;
  background:var(--red);border-radius:50%;border:2px solid var(--bg-2);
}
.tb-user{
  display:flex;align-items:center;gap:10px;padding:5px 12px 5px 5px;
  background:var(--bg-2);border:1px solid var(--line);border-radius:99px;
  transition:border-color .2s;cursor:pointer;
}
.tb-user:hover{border-color:var(--line-2);}
.tb-user .av{
  width:30px;height:30px;border-radius:50%;
  background:var(--purple-dark);
  display:flex;align-items:center;justify-content:center;
  font-family:'Schibsted Grotesk',sans-serif;font-size:12px;color:var(--fg);
  letter-spacing:.04em;position:relative;overflow:hidden;
  border:1px solid var(--line-purple);
}
.tb-user .av image-slot{position:absolute;inset:0;width:100%;height:100%;}
.tb-user .nm{font-size:13px;color:var(--fg);}

/* ── CONTENT ── */
.content{padding:40px;flex:1;display:flex;flex-direction:column;gap:48px;}

/* Greeting */
.greet{
  display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;
  padding-bottom:32px;border-bottom:1px solid var(--line);
  position:relative;overflow:hidden;
}
.greet-left{flex:1;min-width:280px;}
.greet-card-deco{
  position:absolute;
  right:320px;top:-24px;bottom:-32px;
  width:175px;pointer-events:none;z-index:1;
  display:flex;align-items:flex-end;
}
.greet-card-img{
  width:100%;height:auto;
  transform:rotate(-8deg) translateY(-10px);
  object-fit:contain;
}
.greet-eyebrow{
  font-family:'JetBrains Mono',monospace;font-size:11px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--fg-2);
  margin-bottom:14px;display:flex;align-items:center;gap:12px;
}
.greet-eyebrow::before{content:'';width:22px;height:1px;background:var(--fg-2);}
.greet-eyebrow .live{
  display:inline-flex;align-items:center;gap:6px;color:var(--green);
  margin-left:6px;
}
.greet-eyebrow .live::before{
  content:'';width:6px;height:6px;border-radius:50%;background:var(--green);
  box-shadow:0 0 10px var(--green);animation:pulse 1.6s ease-in-out infinite;
}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.35;}}

.greet-title{
  font-family:'Schibsted Grotesk',sans-serif;
  font-size:clamp(40px,5vw,68px);
  letter-spacing:.03em;line-height:.95;color:var(--fg);
}
.greet-title em{font-style:normal;color:var(--fg-3);}
.greet-title .grad{color:var(--fg);}
.greet-sub{
  font-size:15px;color:var(--fg-2);margin-top:14px;max-width:520px;line-height:1.7;
}
.greet-right{display:flex;gap:10px;}
.btn-primary{
  display:inline-flex;align-items:center;gap:10px;
  padding:12px 22px;background:var(--red);color:#fff;
  font-family:'JetBrains Mono',monospace;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;
  border-radius:var(--rad-sm);transition:all .25s;
  position:relative;overflow:hidden;
}
.btn-primary::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,var(--red) 0%,var(--orange) 100%);
  opacity:0;transition:opacity .3s;
}
.btn-primary > *{position:relative;z-index:1;}
.btn-primary:hover::before{opacity:1;}
.btn-primary:hover{box-shadow:var(--glow-red);}
.btn-ghost{
  display:inline-flex;align-items:center;gap:10px;
  padding:12px 22px;background:transparent;color:var(--fg-2);
  border:1px solid var(--line-2);
  font-family:'JetBrains Mono',monospace;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;
  border-radius:var(--rad-sm);transition:all .25s;
}
.btn-ghost:hover{border-color:var(--lilac);color:var(--fg);}

/* Stats row */
.stats-row{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--rad-md);overflow:hidden;
}
.stat{
  background:var(--bg-2);padding:24px 28px;
  display:flex;flex-direction:column;gap:8px;
  position:relative;overflow:hidden;
  transition:background .25s;
}
.stat:hover{background:var(--bg-3);}
.stat::after{
  content:'';position:absolute;top:0;right:0;width:80px;height:80px;
  opacity:.15;border-radius:50%;filter:blur(40px);
}
.stat:nth-child(1)::after{background:var(--lilac);}
.stat:nth-child(2)::after{background:var(--red);}
.stat:nth-child(3)::after{background:var(--orange);}
.stat:nth-child(4)::after{background:var(--green);}
.stat-label{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);
  display:flex;align-items:center;gap:8px;
}
.stat-label .ic{width:13px;height:13px;}
.stat-val{
  font-family:'Schibsted Grotesk',sans-serif;font-size:42px;
  letter-spacing:.04em;line-height:1;color:var(--fg);
}
.stat-delta{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.08em;color:var(--green);display:flex;align-items:center;gap:6px;
}
.stat-delta.neg{color:var(--orange);}

/* ══════════════════════════════════════════════════════════
   PROJECTS
══════════════════════════════════════════════════════════ */
.section-head{
  display:flex;justify-content:space-between;align-items:flex-end;
  margin-bottom:24px;gap:24px;flex-wrap:wrap;
}
.section-head .h-left{display:flex;flex-direction:column;gap:6px;}
.section-head .h-eyebrow{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--fg-2);
}
.section-head h2{
  font-family:'Schibsted Grotesk',sans-serif;font-size:34px;
  letter-spacing:.03em;line-height:1;
}
.section-head .h-actions{display:flex;gap:6px;flex-wrap:wrap;}
.chip-btn{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.1em;text-transform:uppercase;
  padding:8px 14px;background:transparent;
  border:1px solid var(--line-2);color:var(--fg-2);
  border-radius:var(--rad-sm);transition:all .2s;
}
.chip-btn:hover{color:var(--fg);border-color:var(--fg-2);}
.chip-btn.active{background:var(--fg);border-color:var(--fg);color:var(--bg);}

.projects-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));
  gap:20px;
}

.proj-card{
  background:var(--bg-card);
  border:1px solid var(--line);
  border-radius:var(--rad-md);
  overflow:hidden;
  display:flex;flex-direction:column;
  transition:all .35s var(--ease);
  position:relative;
}
.proj-card::before{
  content:'';position:absolute;inset:0;border-radius:var(--rad-md);
  pointer-events:none;
  background:linear-gradient(135deg,rgba(124,58,237,.5) 0%,transparent 60%);
  opacity:0;transition:opacity .35s;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  padding:1px;
}
.proj-card:hover{
  transform:translateY(-4px);
  border-color:var(--line-purple);
  box-shadow:0 24px 60px rgba(0,0,0,.35),0 0 0 1px var(--line-purple);
}
.proj-card:hover::before{opacity:1;}

.proj-cover{
  position:relative;aspect-ratio:16/9;overflow:hidden;
  background:var(--bg-2);
}
.proj-cover .kv{
  position:absolute;inset:0;
  display:flex;align-items:flex-end;padding:20px;
  background:var(--bg-2);
}
.proj-cover .kv::before{
  content:'';position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(232,225,221,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(232,225,221,.05) 1px,transparent 1px);
  background-size:36px 36px;
  pointer-events:none;
}

.proj-cover .kv-text{
  position:relative;z-index:1;display:flex;flex-direction:column;
  font-family:'Schibsted Grotesk',sans-serif;color:var(--fg);
}
.kv-mini{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);margin-bottom:4px;}
.kv-big{font-size:clamp(28px,3.5vw,44px);line-height:.9;letter-spacing:.03em;}
.kv-sub{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-2);margin-top:6px;}
.kv-text .mini{
  font-family:'JetBrains Mono',monospace;font-size:9px;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--fg-3);margin-bottom:6px;font-weight:400;
}
.kv-text .big{font-size:32px;letter-spacing:.02em;line-height:.9;color:var(--fg);}
.kv-text .sub{font-size:14px;color:var(--fg-2);letter-spacing:.04em;}

.proj-cover image-slot{position:absolute;inset:0;width:100%;height:100%;z-index:2;}

.proj-status{
  position:absolute;top:14px;left:14px;z-index:3;
  display:flex;align-items:center;gap:6px;
  font-family:'JetBrains Mono',monospace;font-size:9px;
  letter-spacing:.14em;text-transform:uppercase;
  padding:5px 10px;background:rgba(24,20,22,.75);backdrop-filter:blur(8px);
  border:1px solid var(--line-2);border-radius:99px;color:var(--fg);
}
.proj-status .sd{width:6px;height:6px;border-radius:50%;}
.proj-status.s-active .sd{background:var(--green);box-shadow:0 0 8px var(--green);}
.proj-status.s-review .sd{background:var(--orange);box-shadow:0 0 8px var(--orange);}
.proj-status.s-done   .sd{background:var(--lilac);box-shadow:0 0 8px var(--lilac);}
.proj-status.s-paused .sd{background:var(--muted);}

.proj-tag{
  position:absolute;top:14px;right:14px;z-index:3;
  font-family:'JetBrains Mono',monospace;font-size:9px;
  letter-spacing:.14em;text-transform:uppercase;
  padding:5px 10px;background:rgba(24,20,22,.75);backdrop-filter:blur(8px);
  border:1px solid var(--line-2);border-radius:99px;color:var(--fg-2);
}

.proj-body{padding:22px 22px 18px;display:flex;flex-direction:column;gap:14px;}
.proj-meta{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2);
}
.proj-title{font-family:'Schibsted Grotesk',sans-serif;font-size:26px;letter-spacing:.03em;line-height:1.05;color:var(--fg);}
.proj-desc{font-size:13.5px;color:var(--fg-2);line-height:1.6;}

/* Progress */
.proj-progress{display:flex;flex-direction:column;gap:6px;}
.pp-row{
  display:flex;justify-content:space-between;align-items:center;
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);
}
.pp-row .pct{color:var(--fg);}
.pp-bar{
  height:4px;background:var(--bg-3);border-radius:99px;overflow:hidden;
  position:relative;
}
.pp-fill{
  height:100%;background:var(--lilac);border-radius:99px;
  transition:width .6s var(--ease);
}

/* Links section */
.proj-links{
  display:grid;grid-template-columns:1fr 1fr;gap:1px;
  background:var(--line);border-top:1px solid var(--line);
  margin:0 -22px -18px;padding-top:1px;
}
.proj-link{
  display:flex;align-items:center;gap:10px;
  padding:14px 18px;background:var(--bg-card);
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2);
  transition:background .2s,color .2s;
  position:relative;
}
.proj-link:hover{background:var(--bg-3);color:var(--fg);}
.proj-link .li{width:14px;height:14px;color:var(--fg-2);}
.proj-link .larrow{margin-left:auto;color:var(--fg-3);transition:transform .2s,color .2s;}
.proj-link:hover .larrow{transform:translateX(3px);color:var(--fg);}
.proj-link:hover .li{color:var(--fg);}
.proj-link.contract .li{color:var(--fg-2);}

/* Files badge */
.proj-files-meta{
  display:flex;align-items:center;gap:14px;
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);
}
.proj-files-meta .it{display:inline-flex;align-items:center;gap:6px;}
.proj-files-meta .it .ic{width:12px;height:12px;color:var(--fg-2);}

/* ══════════════════════════════════════════════════════════
   ACTIVITY + DOCS COLUMNS
══════════════════════════════════════════════════════════ */
.two-col{
  display:grid;grid-template-columns:1.6fr 1fr;gap:24px;margin-top:8px;
}

.panel{
  background:var(--bg-card);
  border:1px solid var(--line);
  border-radius:var(--rad-lg);
  overflow:hidden;
  box-shadow:0 8px 32px rgba(0,0,0,.28);
  transition:border-color .3s,box-shadow .3s;
}
.panel:hover{ border-color:var(--line-2); box-shadow:0 12px 40px rgba(0,0,0,.34),0 0 40px rgba(124,58,237,.05); }
.panel-head{
  display:flex;justify-content:space-between;align-items:center;
  padding:18px 22px;border-bottom:1px solid var(--line);
}
.panel-head .pt{font-family:'Schibsted Grotesk',sans-serif;font-size:22px;letter-spacing:.04em;color:var(--fg);}
.panel-head .pm{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);
}
.panel-head .pm a{color:var(--fg);}

.activity{display:flex;flex-direction:column;}
.act-row{
  display:flex;align-items:flex-start;gap:14px;padding:18px 24px;
  border-bottom:1px solid var(--line);
  transition:background .2s;
}
.act-row:last-child{border-bottom:0;}
.act-row:hover{background:rgba(124,58,237,.04);}
.act-ic{
  width:36px;height:36px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;background:var(--bg-3);
  border:1px solid var(--line);position:relative;
}
.act-ic .ic{width:15px;height:15px;color:var(--lilac);}
.act-ic.kind-msg{background:rgba(124,58,237,.12);border-color:var(--line-purple);}
.act-ic.kind-msg .ic{color:var(--lilac);}
.act-ic.kind-file{background:rgba(242,138,39,.10);border-color:rgba(242,138,39,.3);}
.act-ic.kind-file .ic{color:var(--orange);}
.act-ic.kind-done{background:rgba(74,222,128,.10);border-color:rgba(74,222,128,.3);}
.act-ic.kind-done .ic{color:var(--green);}
.act-ic.kind-contract{background:rgba(232,65,82,.10);border-color:rgba(232,65,82,.3);}
.act-ic.kind-contract .ic{color:var(--red);}
.act-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;}
.act-text{font-size:13.5px;color:var(--fg);line-height:1.45;}
.act-text strong{color:var(--fg);font-weight:500;}
.act-text .grad{color:var(--fg);font-weight:500;}
.act-meta{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);
}

/* DOCS panel */
.docs{display:flex;flex-direction:column;}
.doc-row{
  display:flex;align-items:center;gap:14px;padding:16px 24px;
  border-bottom:1px solid var(--line);
  transition:background .2s;
}
.doc-row:last-child{border-bottom:0;}
.doc-row:hover{background:rgba(232,138,39,.04);}
.doc-ic{
  width:38px;height:38px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  border-radius:var(--rad-sm);
  background:linear-gradient(135deg,rgba(232,65,82,.18) 0%,rgba(242,138,39,.18) 100%);
  border:1px solid rgba(242,138,39,.25);
  font-family:'JetBrains Mono',monospace;font-size:9px;
  letter-spacing:.08em;color:var(--orange);font-weight:500;
}
.doc-meta{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;}
.doc-name{font-size:13.5px;color:var(--fg);font-weight:500;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.doc-info{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);
}
.doc-action{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--fg);
  padding:8px 14px;border:1px solid var(--line-2);border-radius:var(--rad-sm);
  transition:all .2s;
}
.doc-action:hover{border-color:var(--fg);background:rgba(232,225,221,.06);}
.doc-status{
  font-family:'JetBrains Mono',monospace;font-size:9px;
  letter-spacing:.14em;text-transform:uppercase;
  padding:5px 10px;border-radius:99px;border:1px solid var(--line-2);
}
.doc-status.signed{color:var(--green);border-color:rgba(74,222,128,.3);background:rgba(74,222,128,.06);}
.doc-status.pending{color:var(--orange);border-color:rgba(242,138,39,.3);background:rgba(242,138,39,.06);}

/* Footer area */
.portal-footer{
  padding:32px 40px;
  border-top:1px solid var(--line);
  display:flex;justify-content:space-between;align-items:center;
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--muted);
  gap:24px;flex-wrap:wrap;
}
.portal-footer .links{display:flex;gap:18px;}
.portal-footer a:hover{color:var(--fg);}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .two-col{grid-template-columns:1fr;}
  .stats-row{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:880px){
  .app{grid-template-columns:1fr;}
  .sidebar{position:relative;height:auto;flex-direction:row;align-items:center;gap:16px;padding:14px 20px;}
  .sidebar .side-section,.sidebar .side-foot,.sidebar .workspace{display:none;}
  .content{padding:24px;}
  .topbar{padding:16px 24px;flex-wrap:wrap;}
  .tb-search{order:3;flex-basis:100%;max-width:none;margin:0;}
  /* Sidebar vira overlay full-screen quando .mobile-open */
  .sidebar.mobile-open{
    position:fixed;inset:0;z-index:9000;
    flex-direction:column;align-items:stretch;gap:0;
    background:var(--bg);overflow-y:auto;padding:0;
  }
  .sidebar.mobile-open .brand-row{padding:16px 20px;border-bottom:1px solid var(--line);flex-shrink:0;}
  .sidebar.mobile-open .workspace{display:flex!important;padding:16px 20px;border-bottom:1px solid var(--line);}
  .sidebar.mobile-open .side-section{display:flex!important;flex-direction:column;padding:12px 12px 4px;}
  .sidebar.mobile-open .side-foot{display:flex!important;flex-direction:column;padding:16px 20px;margin-top:auto;}
}



/* ══════════════════════════════════
   ABAS — navegação por página
══════════════════════════════════ */
.tab-page{display:none;}
.tab-page.active{display:flex;flex-direction:column;gap:40px;}

/* ══════════════════════════════════
   PONTOS
══════════════════════════════════ */
.spw{padding:16px;background:var(--bg-3);border:1px solid var(--line-purple);border-radius:var(--rad-md);margin-bottom:4px;}
.spw-lbl{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;display:flex;align-items:center;gap:6px;}
.spw-val{font-family:'Schibsted Grotesk',sans-serif;font-size:34px;letter-spacing:.04em;line-height:1;color:#C89B3C;margin-bottom:6px;}
.spw-tier{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border:1px solid;border-radius:100px;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;}
.t-bronze{color:#A0674A;border-color:rgba(160,103,74,.35);background:rgba(160,103,74,.08);}
.t-silver{color:#9DA8B4;border-color:rgba(157,168,180,.3);background:rgba(157,168,180,.08);}
.t-gold  {color:#C89B3C;border-color:rgba(200,155,60,.35);background:rgba(200,155,60,.1);}
.t-elite {color:var(--red);border-color:rgba(232,65,82,.3);background:rgba(232,65,82,.08);}
.spw-bar{height:3px;background:var(--bg-4);border-radius:2px;}
.spw-fill{height:100%;background:linear-gradient(90deg,var(--red),#C89B3C);border-radius:2px;transition:width .8s ease;}
.spw-next{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted);margin-top:4px;text-align:right;}
.pts-grid{display:grid;grid-template-columns:1fr 300px;gap:20px;}
.pts-panel{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--rad-lg);padding:22px;}
.pts-ph{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--lilac);margin-bottom:16px;display:flex;align-items:center;gap:8px;}
.pts-ph::before{content:'';width:12px;height:1px;background:currentColor;}
.h-itm{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);}
.h-itm:last-child{border-bottom:none;}
.h-desc{font-size:13px;color:var(--fg);}
.h-date{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted);margin-top:2px;}
.h-pts{font-family:'Schibsted Grotesk',sans-serif;font-size:22px;letter-spacing:.03em;}
.h-pts.p{color:#C89B3C;}.h-pts.m{color:var(--red);}
.rw-itm{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);}
.rw-itm:last-child{border-bottom:none;}
.rw-ico{width:32px;height:32px;background:var(--bg-3);border-radius:var(--rad-md);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}
.rw-info{flex:1;}
.rw-name{font-size:13px;font-weight:500;}
.rw-desc{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted);margin-top:1px;}
.rw-cost{font-family:'Schibsted Grotesk',sans-serif;font-size:20px;color:#C89B3C;white-space:nowrap;margin-right:6px;}
.rw-btn{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;border:1px solid var(--line-2);border-radius:var(--rad-sm);color:var(--muted);cursor:pointer;transition:all .2s;background:none;white-space:nowrap;}
.rw-btn:hover:not(:disabled){border-color:#C89B3C;color:#C89B3C;}
.rw-btn:disabled{opacity:.4;cursor:not-allowed;}

/* ══════════════════════════════════
   LOGIN / ADMIN OVERLAYS
══════════════════════════════════ */
#login-overlay{position:fixed;inset:0;z-index:9000;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden;}
#login-overlay::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 50% 45% at 50% -5%, var(--nebula-purple), transparent 60%),
    radial-gradient(ellipse 45% 50% at 12% 100%, var(--nebula-blue), transparent 62%),
    radial-gradient(ellipse 45% 50% at 90% 80%, var(--nebula-violet), transparent 62%);
}
#login-overlay.hidden{display:none;}
.login-box{
  position:relative;z-index:1;width:100%;max-width:420px;padding:44px 40px;
  background:rgba(22,18,16,.55);
  backdrop-filter:blur(24px) saturate(140%);
  -webkit-backdrop-filter:blur(24px) saturate(140%);
  border:1px solid var(--line-2);
  border-radius:var(--rad-lg);
  box-shadow:0 24px 80px rgba(0,0,0,.5), 0 0 60px rgba(124,58,237,.08);
}
.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:8px;}
.login-logo .mark{width:22px;height:22px;background:var(--lilac);-webkit-mask:var(--mark-rocket) center/contain no-repeat;mask:var(--mark-rocket) center/contain no-repeat;}
.login-logo .nm{font-family:'Schibsted Grotesk',sans-serif;font-size:26px;letter-spacing:.12em;}
.login-tag{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:36px;}
.login-lbl{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:7px;}
.login-inp{width:100%;background:var(--bg-3);border:1px solid var(--line-2);padding:13px 15px;font-family:'Schibsted Grotesk',sans-serif;font-size:14px;color:var(--fg);outline:none;margin-bottom:14px;transition:border-color .2s;border-radius:var(--rad-sm);}
.login-inp:focus{border-color:var(--lilac);}
.login-inp::placeholder{color:var(--muted);}
.login-submit{width:100%;padding:14px;background:var(--red);font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#fff;border:none;cursor:pointer;transition:background .2s;margin-top:6px;border-radius:var(--rad-sm);}
.login-submit:hover{background:var(--red-hot);}
.login-err{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--red);margin-top:10px;display:none;}
.login-switch{margin-top:18px;text-align:center;font-size:13px;color:var(--muted);}
.login-switch a{color:var(--fg);cursor:pointer;text-decoration:underline;}
.login-remember{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fg-2);cursor:pointer;margin-top:4px;user-select:none;}
.login-remember input{accent-color:var(--red);width:14px;height:14px;cursor:pointer;}
#admin-overlay{position:fixed;inset:0;z-index:8000;background:var(--bg);display:none;grid-template-columns:220px 1fr;}
#admin-overlay.show{display:grid;}
.adm-sb{background:var(--bg-2);border-right:1px solid var(--line);padding:24px 0;display:flex;flex-direction:column;}
.adm-brand{display:flex;align-items:center;gap:10px;padding:0 20px 24px;}
.adm-brand .mark{width:18px;height:18px;background:var(--lilac);-webkit-mask:var(--mark-rocket) center/contain no-repeat;mask:var(--mark-rocket) center/contain no-repeat;}
.adm-brand .nm{font-family:'Schibsted Grotesk',sans-serif;font-size:20px;letter-spacing:.1em;}
.adm-brand .badge{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--red);letter-spacing:.1em;text-transform:uppercase;}
.adm-nl{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:0 20px;margin-bottom:8px;}
.adm-nb{display:block;width:100%;text-align:left;padding:10px 20px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.06em;color:var(--muted);background:none;border:none;border-left:2px solid transparent;cursor:pointer;transition:all .2s;}
.adm-nb:hover{color:var(--fg);background:var(--bg-3);}
.adm-nb.active{color:var(--fg);border-left-color:var(--red);background:var(--bg-3);}
.adm-logout{margin-top:auto;padding:20px;}
.adm-logout button{width:100%;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:10px;background:none;border:1px solid var(--line-2);color:var(--muted);cursor:pointer;border-radius:var(--rad-sm);transition:all .2s;}
.adm-logout button:hover{color:var(--fg);}
.adm-main{padding:32px;overflow-y:auto;}
.adm-title{font-family:'Schibsted Grotesk',sans-serif;font-size:28px;letter-spacing:.04em;margin-bottom:22px;}
.adm-sec{display:none;}.adm-sec.active{display:block;}
.adm-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px;}
.a-st{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--rad-md);padding:16px;}
.a-st-val{font-family:'Schibsted Grotesk',sans-serif;font-size:32px;line-height:1;}
.a-st-lbl{font-family:'JetBrains Mono',monospace;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-top:4px;}
.adm-panel{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--rad-lg);padding:20px;margin-bottom:20px;box-shadow:0 8px 32px rgba(0,0,0,.26);}
.adm-form{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--rad-lg);padding:24px;max-width:500px;margin-bottom:22px;}
.adm-form h4{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;}
.f-row{margin-bottom:13px;}
.f-lbl{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:5px;}
.f-inp,.f-sel{width:100%;background:var(--bg-3);border:1px solid var(--line-2);padding:11px 13px;font-family:'Schibsted Grotesk',sans-serif;font-size:13px;color:var(--fg);outline:none;transition:border-color .2s;border-radius:var(--rad-sm);}
.f-inp:focus,.f-sel:focus{border-color:var(--lilac);}
.f-sel option{background:var(--bg-3);}
.f-row-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.adm-btn{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:11px 22px;background:var(--red);color:#fff;border:none;cursor:pointer;transition:background .2s;border-radius:var(--rad-sm);}
.adm-btn:hover{background:var(--red-hot);}
.adm-tbl{width:100%;border-collapse:collapse;}
.adm-tbl th{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:left;padding:9px 14px;border-bottom:1px solid var(--line);}
.adm-tbl td{padding:11px 14px;font-size:13px;border-bottom:1px solid var(--line);vertical-align:middle;}
.adm-tbl tr:last-child td{border-bottom:none;}
.adm-tbl tr:hover td{background:var(--bg-3);}
.pa-btn{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border:1px solid var(--line-2);border-radius:var(--rad-sm);background:none;color:var(--muted);cursor:pointer;transition:all .2s;margin-right:3px;}
.pa-btn:hover{color:#C89B3C;border-color:#C89B3C;}
.pa-btn.rm:hover{color:var(--red);border-color:var(--red);}
/* Sidebar toggle */
.sidebar-toggle{width:28px;height:28px;background:none;border:1px solid var(--line-2);border-radius:var(--rad-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;}
.sidebar-toggle:hover{border-color:var(--lilac);}
.sidebar-toggle .ic{width:13px;height:13px;color:var(--fg-3);}
.brand-row{display:flex;align-items:center;width:100%;gap:8px;margin-bottom:-8px;}
.app.collapsed{grid-template-columns:60px 1fr;}
.app.collapsed .sidebar{padding:16px 8px;align-items:center;}
.app.collapsed .sidebar .brand .name,.app.collapsed .sidebar .workspace,
.app.collapsed .sidebar .side-section,.app.collapsed .sidebar .side-foot,
.app.collapsed .sidebar .heading,.app.collapsed .sidebar .badge,
.app.collapsed .sidebar .brand-row .name{display:none;}
.app.collapsed .sidebar .brand-row{justify-content:center;}
.app.collapsed .sidebar .side-link{justify-content:center;padding:10px;}
/* Toast */
#toast{position:fixed;bottom:24px;right:24px;z-index:9999;background:var(--bg-3);border:1px solid var(--line-2);border-radius:var(--rad-md);padding:12px 18px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--fg);transform:translateY(60px);opacity:0;transition:all .3s;pointer-events:none;}
#toast.show{transform:translateY(0);opacity:1;}
#toast.ok{border-color:rgba(74,222,128,.4);color:#4ADE80;}
#toast.err{border-color:rgba(232,65,82,.4);color:var(--red);}
#modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:9900;display:none;align-items:center;justify-content:center;}
#modal-bg.open{display:flex;}
.modal-box{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--rad-lg);padding:30px;max-width:340px;width:90%;}
.modal-box h3{font-family:'Schibsted Grotesk',sans-serif;font-size:22px;margin-bottom:8px;}
.modal-box p{font-size:14px;color:var(--muted);margin-bottom:20px;}
.modal-acts{display:flex;gap:10px;}
.modal-cancel{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:10px 18px;background:none;border:1px solid var(--line-2);color:var(--muted);cursor:pointer;border-radius:var(--rad-sm);}
/* Atividade */
.activity-page{display:flex;flex-direction:column;gap:0;}
/* Mensagens placeholder */
.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;gap:12px;}
.empty-state svg{opacity:.2;}
.empty-state p{font-size:14px;color:var(--muted);}

/* ══════════════════════════════════
   HOME ADMIN
══════════════════════════════════ */
.hadm-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.hadm-panel{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--rad-lg);padding:24px;}
.hadm-ph{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--lilac);margin-bottom:20px;display:flex;align-items:center;gap:8px;}
.hadm-ph::before{content:'';width:12px;height:1px;background:currentColor;}
.hadm-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--line);}
.hadm-row{display:flex;gap:8px;}
.hadm-inp{flex:1;background:var(--bg-3);border:1px solid var(--line-2);padding:10px 12px;font-family:'Schibsted Grotesk',sans-serif;font-size:13px;color:var(--fg);outline:none;transition:border-color .2s;border-radius:var(--rad-sm);}
.hadm-inp:focus{border-color:var(--lilac);}
.hadm-inp::placeholder{color:var(--muted);}
.hadm-sel{background:var(--bg-3);border:1px solid var(--line-2);padding:10px 12px;font-family:'Schibsted Grotesk',sans-serif;font-size:13px;color:var(--fg);outline:none;border-radius:var(--rad-sm);}
.hadm-sel option{background:var(--bg-3);}
.hadm-add-btn{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:10px 18px;background:var(--lilac);color:#fff;border:none;cursor:pointer;transition:background .2s;border-radius:var(--rad-sm);white-space:nowrap;}
.hadm-add-btn:hover{background:var(--purple-neon);}
.hadm-upload{display:flex;align-items:center;gap:10px;}
.hadm-upload-btn{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:10px 14px;background:none;border:1px solid var(--line-2);color:var(--muted);cursor:pointer;border-radius:var(--rad-sm);transition:all .2s;}
.hadm-upload-btn:hover{border-color:var(--lilac);color:var(--lilac);}
.hadm-img-name{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);}
.hadm-list{display:flex;flex-direction:column;gap:2px;}
.hadm-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-3);border-radius:var(--rad-sm);transition:background .2s;}
.hadm-item:hover{background:var(--bg-4);}
.hadm-thumb{width:48px;height:36px;object-fit:cover;border-radius:var(--rad-sm);flex-shrink:0;background:var(--bg-4);}
.hadm-thumb-placeholder{width:48px;height:36px;border-radius:var(--rad-sm);flex-shrink:0;background:var(--bg-4);display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--muted);}
.hadm-info{flex:1;}
.hadm-item-title{font-size:13px;font-weight:500;color:var(--fg);}
.hadm-item-meta{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted);margin-top:2px;}
.hadm-del{width:28px;height:28px;border:1px solid var(--line-2);background:none;border-radius:var(--rad-sm);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;}
.hadm-del:hover{border-color:var(--red);color:var(--red);}
.hadm-drag{cursor:grab;color:var(--muted);padding:0 4px;font-size:14px;}
.hadm-empty{padding:24px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);}
.hadm-save-note{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted);text-align:center;margin-top:16px;}
.hadm-save-note a{color:var(--lilac);cursor:pointer;text-decoration:underline;}

/* ══════════════════════════════════════════════════════════
   RESKIN — peso/tracking para headings (fonte grotesk neutra
   precisa de peso maior + tracking negativo p/ manter impacto)
══════════════════════════════════════════════════════════ */
.a-st-val,.adm-brand .nm,.adm-title,.brand .name,.greet-title,.h-pts,
.login-logo .nm,.modal-box h3,.panel-head .pt,.proj-cover .kv-text,
.proj-title,.rw-cost,.section-head h2,.spw-val,.stat-val,
.tb-user .av,.upgrade-card .ttl,.ws-avatar{
  font-weight:650;
  letter-spacing:-.02em;
}
.greet-title,.section-head h2{letter-spacing:-.03em;}

/* Botões e pills — formato consistente com o home */
.login-btn-sub,.adm-btn,.pa-btn,.rw-btn,.chip-btn,.f-btn{
  border-radius:100px;
}
.pts-panel,.adm-panel,.proj-card,.a-st,.modal-box{
  border-radius:14px;
}

/* ══════════════════════════════════════════════════════════
   PROJETO EM DESTAQUE — overview simplificada
══════════════════════════════════════════════════════════ */
.feat-project{
  position:relative;
  border-radius:var(--rad-lg);
  overflow:hidden;
  border:1px solid var(--line);
  min-height:340px;
  display:flex;align-items:flex-end;
  background:var(--bg-card);
}
.feat-project .fp-img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;object-position:center;
}
.feat-project .fp-overlay{
  position:absolute;inset:0;
  background:linear-gradient(
    to top,
    rgba(8,8,9,.92) 0%,
    rgba(8,8,9,.55) 45%,
    rgba(8,8,9,.10) 80%
  );
}
.feat-project .fp-body{
  position:relative;z-index:1;
  width:100%;
  padding:32px 36px;
  display:flex;justify-content:space-between;
  align-items:flex-end;gap:32px;flex-wrap:wrap;
}
.feat-project .fp-tag{
  display:inline-flex;align-items:center;gap:7px;
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.14em;text-transform:uppercase;
  color:var(--lilac);margin-bottom:12px;
}
.feat-project .fp-tag::before{
  content:'';width:7px;height:7px;border-radius:50%;
  background:currentColor;
}
.feat-project .fp-title{
  font-family:'Schibsted Grotesk',sans-serif;font-weight:650;
  font-size:clamp(26px,3vw,42px);letter-spacing:-.02em;line-height:1.05;
  color:var(--fg);margin-bottom:8px;
}
.feat-project .fp-sub{
  font-size:14px;color:var(--fg-2);max-width:440px;
}
.feat-project .fp-right{
  display:flex;flex-direction:column;align-items:flex-end;gap:14px;
  flex-shrink:0;
}
.feat-project .fp-progress-wrap{
  display:flex;flex-direction:column;align-items:flex-end;gap:6px;
  min-width:160px;
}
.feat-project .fp-progress-lbl{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);
}
.feat-project .fp-bar{
  width:160px;height:4px;background:var(--bg-4);border-radius:99px;overflow:hidden;
}
.feat-project .fp-bar-fill{
  height:100%;background:var(--lilac);border-radius:99px;
}
.feat-project .fp-btn{
  font-family:'JetBrains Mono',monospace;font-size:11px;
  letter-spacing:.1em;text-transform:uppercase;
  padding:11px 22px;border-radius:100px;
  background:var(--fg);color:var(--bg);
  border:none;cursor:pointer;white-space:nowrap;
  transition:background .25s,transform .25s;
}
.feat-project .fp-btn:hover{background:var(--lilac);color:#fff;transform:translateY(-1px);}
@media (max-width:760px){
  .feat-project .fp-body{flex-direction:column;align-items:flex-start;}
  .feat-project .fp-right{align-items:flex-start;width:100%;}
  .feat-project .fp-progress-wrap{align-items:flex-start;}
  .feat-project .fp-bar{width:100%;}
}
/* ── ADMIN PROJECTS ── */
.aproj-list{display:flex;flex-direction:column;gap:6px;}
.aproj-item{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--rad-md);overflow:hidden;}
.aproj-row{display:flex;align-items:center;gap:14px;padding:14px 16px;cursor:pointer;transition:background .2s;}
.aproj-row:hover{background:var(--bg-4);}
.aproj-bar{height:4px;background:var(--bg-2);border-radius:99px;margin-top:4px;}
.aproj-bar-fill{height:100%;background:var(--lilac);border-radius:99px;transition:width .3s;}
.aproj-expand{display:none;flex-direction:column;gap:20px;border-top:1px solid var(--line);padding:20px 16px;}
.aproj-expand.open{display:flex;}
.aproj-subsec{display:flex;flex-direction:column;gap:10px;}
.aproj-sublabel{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--lilac);display:flex;align-items:center;gap:8px;}
.aproj-sublabel::before{content:'';width:10px;height:1px;background:currentColor;}
.aproj-prog-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.aproj-prog-row input[type=range]{flex:1;min-width:120px;accent-color:var(--lilac);}
.aproj-prog-val{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--fg);min-width:40px;}
.aproj-sub-items{display:flex;flex-direction:column;gap:4px;margin-top:4px;}
.aproj-sub-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--bg-4);border-radius:var(--rad-sm);}
.aproj-sub-item-info{flex:1;min-width:0;}
.aproj-sub-item-title{font-size:13px;font-weight:500;color:var(--fg);}
.aproj-sub-item-meta{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted);margin-top:2px;word-break:break-all;}
.aproj-file-badge{font-family:'JetBrains Mono',monospace;font-size:9px;padding:3px 8px;border-radius:99px;white-space:nowrap;}
.aproj-file-badge.pending{background:rgba(255,179,107,.15);color:var(--yellow);}
.aproj-file-badge.approved{background:rgba(74,222,128,.15);color:var(--green);}
.aproj-file-badge.rejected{background:rgba(255,45,85,.15);color:var(--red);}
.aproj-mtg-pauta{width:100%;background:var(--bg-3);border:1px solid var(--line-2);padding:10px 12px;color:var(--fg);font-family:'Schibsted Grotesk',sans-serif;font-size:13px;border-radius:var(--rad-sm);resize:vertical;min-height:64px;outline:none;margin-top:4px;}
.aproj-mtg-pauta:focus{border-color:var(--lilac);}
.aproj-pauta-text{font-size:12px;color:var(--fg-2);white-space:pre-wrap;border-top:1px solid var(--line);padding-top:8px;margin-top:6px;width:100%;line-height:1.6;}

/* ══════════════════ Briefing modal / Dropdowns / Meeting ══════════════════ */
/* ══ BRIEFING MODAL ══ */
#briefing-overlay{display:none;position:fixed;inset:0;background:rgba(12,11,10,.88);z-index:9997;align-items:flex-start;justify-content:center;overflow-y:auto;padding:40px 16px;}
#briefing-overlay.open{display:flex;}
.brief-modal{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--rad);width:100%;max-width:720px;margin:auto;display:flex;flex-direction:column;}
.brief-header{padding:32px 36px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;}
.brief-header-left .brief-eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;}
.brief-header-left h2{font-family:'Schibsted Grotesk',sans-serif;font-size:22px;font-weight:650;letter-spacing:-.02em;color:var(--fg);margin:0;}
.brief-close{background:none;border:1px solid var(--line-2);color:var(--fg-2);width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s,color .2s;}
.brief-close:hover{border-color:var(--red);color:var(--red);}
.brief-body{padding:32px 36px;display:flex;flex-direction:column;gap:32px;}
.brief-section{display:flex;flex-direction:column;gap:16px;}
.brief-section-title{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-bottom:8px;border-bottom:1px solid var(--line);}
.brief-field{display:flex;flex-direction:column;gap:6px;}
.brief-field label{font-size:13px;font-weight:500;color:var(--fg);}
.brief-field .brief-hint{font-size:11px;color:var(--muted);margin-top:-2px;}
.brief-inp,.brief-ta{width:100%;background:var(--bg-3);border:1px solid var(--line-2);padding:10px 14px;color:var(--fg);font-family:'Schibsted Grotesk',sans-serif;font-size:13px;border-radius:var(--rad-sm);outline:none;box-sizing:border-box;transition:border-color .2s;}
.brief-inp:focus,.brief-ta:focus{border-color:var(--lilac);}
.brief-ta{resize:vertical;min-height:72px;line-height:1.6;}
.brief-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
/* Checklist entregas */
.brief-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.brief-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fg-2);cursor:pointer;}
.brief-check input{accent-color:var(--red);width:14px;height:14px;cursor:pointer;}
.brief-footer{padding:24px 36px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;}
/* ══ TOPBAR DROPDOWNS ══ */
.tb-drop{display:none;position:absolute;top:calc(100% + 10px);right:0;min-width:240px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--rad);box-shadow:0 12px 40px rgba(0,0,0,.5);z-index:8000;overflow:hidden;}
.tb-drop.open{display:block;}
.tb-drop-head{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:14px 16px 10px;border-bottom:1px solid var(--line);}
.tb-drop-empty{font-size:13px;color:var(--fg-2);padding:18px 16px;text-align:center;}
.tb-drop-item{font-size:13px;color:var(--fg-2);padding:11px 16px;cursor:pointer;transition:background .15s;}
.tb-drop-item:hover{background:var(--bg-3);color:var(--fg);}
.tb-drop-notif{padding:12px 16px;border-bottom:1px solid var(--line);cursor:pointer;}
.tb-drop-notif:hover{background:var(--bg-3);}
.tb-drop-notif .n-title{font-size:13px;color:var(--fg);margin-bottom:3px;}
.tb-drop-notif .n-meta{font-size:11px;color:var(--muted);}
/* ══ MEETING REQUEST MODAL ══ */
#mtg-modal-overlay{display:none;position:fixed;inset:0;background:rgba(12,11,10,.82);z-index:9998;align-items:center;justify-content:center;}
#mtg-modal-overlay.open{display:flex;}
.mtg-modal{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--rad);padding:32px;width:480px;max-width:95vw;display:flex;flex-direction:column;gap:18px;}
.mtg-modal h3{font-family:'Schibsted Grotesk',sans-serif;font-size:20px;color:var(--fg);margin:0;}
.mtg-modal .mtg-sub{font-size:12px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;}
.mtg-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;}
.mtg-cal-head{font-size:10px;text-align:center;color:var(--muted);letter-spacing:.08em;padding:4px 0;}
.mtg-cal-day{font-size:13px;text-align:center;padding:7px 4px;border-radius:6px;cursor:pointer;color:var(--fg-2);transition:background .15s;}
.mtg-cal-day:hover{background:var(--bg-3);color:var(--fg);}
.mtg-cal-day.selected{background:var(--red);color:#fff;}
.mtg-cal-day.today{border:1px solid var(--lilac);color:var(--fg);}
.mtg-cal-day.empty{cursor:default;}
.mtg-cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.mtg-cal-nav button{background:none;border:1px solid var(--line-2);color:var(--fg-2);border-radius:6px;padding:4px 10px;cursor:pointer;font-size:13px;}
.mtg-cal-nav button:hover{border-color:var(--lilac);color:var(--fg);}
.mtg-cal-nav span{font-size:13px;color:var(--fg);font-family:'Schibsted Grotesk',sans-serif;}
.mtg-time-row{display:flex;gap:8px;flex-wrap:wrap;}
.mtg-time-btn{font-size:12px;padding:6px 14px;border-radius:6px;border:1px solid var(--line-2);background:none;color:var(--fg-2);cursor:pointer;transition:all .15s;font-family:'JetBrains Mono',monospace;}
.mtg-time-btn:hover{border-color:var(--lilac);color:var(--fg);}
.mtg-time-btn.selected{background:var(--red);color:#fff;border-color:var(--red);}
.mtg-inp{width:100%;background:var(--bg-3);border:1px solid var(--line-2);padding:10px 14px;color:var(--fg);font-family:'Schibsted Grotesk',sans-serif;font-size:13px;border-radius:var(--rad-sm);outline:none;box-sizing:border-box;}
.mtg-inp:focus{border-color:var(--lilac);}
.mtg-actions{display:flex;gap:10px;justify-content:flex-end;}
.mtg-err{font-size:12px;color:var(--red);min-height:16px;}

/* ══════════════════════════════════════════════════════
   PROJECTS TABLE
══════════════════════════════════════════════════════ */
.ptbl-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:var(--rad-md);background:var(--bg-card);}
.ptbl{width:100%;border-collapse:collapse;min-width:600px;}
.ptbl thead tr{border-bottom:1px solid var(--line);}
.ptbl th{
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);
  padding:14px 20px;text-align:left;white-space:nowrap;
  background:rgba(255,255,255,.015);
}
.ptbl-row{border-bottom:1px solid var(--line);transition:background .15s;cursor:default;}
.ptbl-row:last-child{border-bottom:none;}
.ptbl-row:hover{background:rgba(255,255,255,.025);}
.ptbl-td{padding:16px 20px;vertical-align:middle;}
.ptbl-proj-cell{display:flex;align-items:center;gap:14px;}
.ptbl-icon{
  width:38px;height:38px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.ptbl-name{font-size:13.5px;font-weight:500;color:var(--fg);margin-bottom:3px;white-space:nowrap;}
.ptbl-sub{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap;}
.ptbl-badge{
  font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.1em;
  text-transform:uppercase;padding:4px 10px;border-radius:99px;white-space:nowrap;
}
.ptbl-badge.s-active{background:rgba(251,146,60,.14);color:#fb923c;}
.ptbl-badge.s-review{background:rgba(96,165,250,.14);color:#60a5fa;}
.ptbl-badge.s-done{background:rgba(74,222,128,.14);color:#4ade80;}
.ptbl-badge.s-paused{background:rgba(140,134,118,.12);color:var(--muted);}
.ptbl-bar-bg{flex:1;height:5px;background:var(--bg-4);border-radius:99px;overflow:hidden;min-width:80px;}
.ptbl-bar-fill{height:100%;border-radius:99px;transition:width .4s var(--ease);}
.ptbl-pct{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--fg-3);white-space:nowrap;}
.ptbl-files{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--fg-3);}
.ptbl-act-td{width:48px;}
.ptbl-menu-wrap{position:relative;}
.ptbl-menu-btn{
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  border-radius:50%;border:1px solid transparent;color:var(--fg-3);
  font-size:16px;letter-spacing:2px;transition:all .15s;
}
.ptbl-menu-btn:hover{background:var(--bg-3);border-color:var(--line);color:var(--fg);}
.ptbl-menu{
  display:none;position:absolute;right:0;top:calc(100% + 6px);
  min-width:170px;background:var(--bg-2);border:1px solid var(--line-2);
  border-radius:var(--rad-sm);box-shadow:0 12px 32px rgba(0,0,0,.55);z-index:100;overflow:hidden;
}
.ptbl-menu.open{display:block;}
.ptbl-menu-item{font-size:13px;padding:10px 14px;color:var(--fg-2);cursor:pointer;transition:background .12s;}
.ptbl-menu-item:hover{background:var(--bg-3);color:var(--fg);}
.ptbl-empty{
  padding:48px 24px;text-align:center;
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);
}

/* ══════════════════════════════════════════════════════
   BUDGET SLIDER (Briefing)
══════════════════════════════════════════════════════ */
.budget-wrap{display:flex;flex-direction:column;gap:14px;}
.budget-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.budget-label{
  font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);margin-bottom:5px;
}
.budget-val{
  font-family:'Schibsted Grotesk',sans-serif;font-size:22px;font-weight:650;
  letter-spacing:-.02em;color:var(--fg);
}
.budget-clear{
  display:flex;align-items:center;gap:5px;
  padding:6px 12px;border-radius:6px;font-size:11px;
  border:1px solid var(--line-2);color:var(--muted);
  background:none;cursor:pointer;transition:all .2s;
  font-family:'JetBrains Mono',monospace;letter-spacing:.08em;
}
.budget-clear:hover{border-color:var(--fg-3);color:var(--fg);}
.budget-slider-row{position:relative;}
.budget-range{
  -webkit-appearance:none;appearance:none;
  width:100%;height:6px;border-radius:99px;outline:none;cursor:pointer;
  background:linear-gradient(to right, var(--lilac) 0%, var(--lilac) var(--pct,25%), var(--bg-4) var(--pct,25%), var(--bg-4) 100%);
  accent-color:var(--lilac);
}
.budget-range::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;
  width:20px;height:20px;border-radius:50%;
  background:var(--fg);border:2px solid var(--lilac);
  box-shadow:0 2px 8px rgba(0,0,0,.4);
  transition:transform .2s,box-shadow .2s;cursor:pointer;
}
.budget-range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 16px rgba(124,58,237,.4);}
.budget-range::-moz-range-thumb{
  width:20px;height:20px;border-radius:50%;
  background:var(--fg);border:2px solid var(--lilac);cursor:pointer;
}
.budget-ticks{
  display:flex;justify-content:space-between;
  font-family:'JetBrains Mono',monospace;font-size:9px;
  letter-spacing:.06em;color:var(--muted);margin-top:6px;
}

/* ══════════════════════════════════════════════════════
   TOAST — badge com brilho
══════════════════════════════════════════════════════ */
#toast{
  position:fixed;bottom:28px;right:28px;z-index:99999;
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 18px;border-radius:99px;
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;
  background:var(--bg-2);border:1px solid var(--line-2);
  box-shadow:0 8px 32px rgba(0,0,0,.5);
  opacity:0;transform:translateY(8px) scale(.96);pointer-events:none;
  transition:opacity .25s,transform .25s;
  overflow:visible;
}
#toast::before{
  content:'';position:absolute;bottom:calc(100% - 2px);left:15%;right:15%;height:6px;
  border-radius:99px;filter:blur(6px);opacity:0;
  transition:opacity .3s;pointer-events:none;
}
#toast.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}
#toast.show::before{opacity:1;}
#toast.ok{border-color:rgba(45,212,191,.3);color:var(--fg);}
#toast.ok::before{background:rgba(45,212,191,.9);}
#toast.ok svg{color:#2dd4bf;}
#toast.err{border-color:rgba(255,45,85,.3);color:var(--fg);}
#toast.err::before{background:rgba(255,45,85,.9);}
#toast.err svg{color:var(--red);}

@media(max-width:760px){
  #toast{
    right:12px;left:12px;
    bottom:calc(20px + env(safe-area-inset-bottom,0px));
    max-width:none;border-radius:16px;
  }
}

/* ── Admin mobile drawer ── */
.adm-mob-toggle{display:none;}
/* backdrop vive FORA do overlay grid — appended to body via JS */
@media(max-width:880px){
  /* Remove grid no mobile — sidebar vira drawer fixo da direita */
  #admin-overlay.show{display:block!important;}
  .adm-sb{
    display:flex;flex-direction:column;
    position:fixed!important;right:-260px;top:0;bottom:0;
    width:240px;z-index:9500;
    transition:right .3s cubic-bezier(.22,1,.36,1);
    box-shadow:-4px 0 32px rgba(0,0,0,.5);
    overflow-y:auto;
  }
  .adm-sb.mob-open{right:0!important;}
  .adm-mob-toggle{
    display:flex;align-items:center;gap:8px;
    font-family:'JetBrains Mono',monospace;font-size:10px;
    letter-spacing:.1em;text-transform:uppercase;
    color:var(--muted);background:none;border:1px solid var(--line-2);
    padding:8px 14px;border-radius:100px;cursor:pointer;
    margin-bottom:20px;transition:color .2s,border-color .2s;
  }
  .adm-mob-toggle:hover{color:var(--fg);border-color:var(--fg-3);}
  .adm-main{padding:20px 16px;width:100%;box-sizing:border-box;}
  .adm-stats-row{grid-template-columns:repeat(2,1fr);}
  .adm-title{font-size:22px;}
  .hadm-grid{grid-template-columns:1fr;}
}
/* Backdrop gerado por JS — z-index entre overlay(8000) e sidebar(9500) */
#adm-mob-backdrop{
  display:none;position:fixed;inset:0;
  background:rgba(0,0,0,.55);z-index:9200;
}
#adm-mob-backdrop.show{display:block;}

/* ── Visão geral: grid de painéis ── */
.ov-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;}
@media(max-width:900px){.ov-grid{grid-template-columns:1fr;}}
.panel-head{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-family:'JetBrains Mono',monospace;}

/* ══════════════════════════════════════
   NFT POPUP
══════════════════════════════════════ */
.nft-popup-overlay{
  position:fixed;inset:0;z-index:1200;
  background:rgba(0,0,0,.9);backdrop-filter:blur(18px);
  display:flex;align-items:center;justify-content:center;padding:24px;
  opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.2,.6,.2,1);
}
.nft-popup-overlay.show{opacity:1;pointer-events:all;}
.nft-popup-box{
  position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;
  width:min(520px,100%);
}
.nft-popup-eyebrow{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:4px;text-transform:uppercase;color:rgba(201,168,76,.7);
}
.nft-popup-title{font-size:20px;font-weight:700;text-align:center;line-height:1.3;color:var(--fg);}
.nft-popup-title span{
  background:linear-gradient(90deg,#c9a84c 0%,#f0d880 50%,#c9a84c 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.nft-iframe-wrap{
  width:100%;aspect-ratio:4/3;border-radius:16px;overflow:hidden;
  border:1px solid rgba(201,168,76,.18);
  box-shadow:0 0 60px rgba(201,168,76,.12),0 0 0 1px rgba(201,168,76,.06);
}
.nft-iframe-wrap iframe{width:100%;height:100%;border:none;display:block;}
.nft-popup-actions{display:flex;gap:12px;}
.nft-btn-close{
  background:rgba(242,238,230,.06);border:1px solid rgba(242,238,230,.16);color:rgba(242,238,230,.65);
  padding:11px 28px;border-radius:9px;font-size:13px;letter-spacing:.4px;
  transition:background .2s;cursor:pointer;
}
.nft-btn-close:hover{background:rgba(242,238,230,.12);}
.nft-btn-fullscreen{
  background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.3);color:#f0d080;
  padding:11px 28px;border-radius:9px;font-size:13px;letter-spacing:.4px;
  transition:background .2s;text-decoration:none;display:inline-flex;align-items:center;
}
.nft-btn-fullscreen:hover{background:rgba(201,168,76,.22);}

/* ══════════════════════════════════════
   NFT GALLERY TAB
══════════════════════════════════════ */
.nft-gallery-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;
  margin-top:4px;
}
.nft-g-card{
  background:var(--bg-card);border:1px solid var(--line);border-radius:16px;
  overflow:hidden;transition:border-color .25s,transform .25s;
}
.nft-g-card:hover{border-color:rgba(201,168,76,.3);transform:translateY(-3px);}
.nft-g-preview{
  height:240px;position:relative;cursor:pointer;overflow:hidden;
  background:transparent;
  display:flex;align-items:center;justify-content:center;
  border-bottom:1px solid var(--line);
}
.nft-g-preview svg{width:52px;height:52px;position:relative;z-index:1;}
.nft-g-img{
  width:85%;height:100%;object-fit:contain;
  transform:rotate(-4deg) scale(1.0);
  transition:transform .4s ease;
}
.nft-g-card:hover .nft-g-img{transform:rotate(-2deg) scale(1.06);}
.nft-g-preview-hint{
  position:absolute;bottom:10px;left:50%;transform:translateX(-50%);
  font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:2.5px;
  color:rgba(201,168,76,.4);white-space:nowrap;z-index:1;
}
.nft-g-body{padding:16px;}
.nft-g-tier{
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:2px;
  text-transform:uppercase;margin-bottom:4px;
}
.nft-g-name{font-size:15px;font-weight:650;margin-bottom:3px;}
.nft-g-date{font-size:12px;color:var(--muted);}
.nft-g-btn{
  width:100%;margin-top:14px;padding:10px;border-radius:8px;
  font-size:13px;letter-spacing:.4px;cursor:pointer;transition:background .2s;font:inherit;
}