:root{
  --bg-0:#07070b;--bg-1:#0d0d14;--bg-2:#13131c;--bg-3:#1a1a26;--bg-4:#222230;
  --border:#26263a;--border-h:#36364a;
  --mint:#4ecdc4;--mint-s:rgba(78,205,196,.12);--mint-g:rgba(78,205,196,.2);--mint-st:rgba(78,205,196,.35);
  --purple:#a78bfa;--purple-s:rgba(167,139,250,.12);
  --orange:#fb923c;--orange-s:rgba(251,146,60,.12);
  --red:#f87171;--green:#4ade80;--yellow:#fbbf24;--blue:#60a5fa;
  --t1:#eaeaf0;--t2:#9494ad;--t3:#5e5e78;
  --mono:'JetBrains Mono',monospace;--sans:'Outfit',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:var(--sans);background:var(--bg-0);color:var(--t1);min-height:100vh;overflow-x:hidden;}
body::after{content:'';position:fixed;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' 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='.025'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;}
.glow{position:fixed;border-radius:50%;filter:blur(140px);opacity:.06;pointer-events:none;z-index:0;}
.glow-a{width:500px;height:500px;top:-150px;left:-100px;background:var(--mint);}
.glow-b{width:400px;height:400px;bottom:-200px;right:-100px;background:var(--purple);}
.shell{display:flex;min-height:100vh;position:relative;z-index:1;}

/* ═══ SIDEBAR ═══ */
.side{width:250px;background:var(--bg-1);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0;}
.brand{display:flex;align-items:center;gap:10px;padding:22px 20px 28px;text-decoration:none;}
.brand-mark{width:34px;height:34px;background:var(--mint);border-radius:9px;display:flex;align-items:center;justify-content:center;font:700 15px/1 var(--mono);color:var(--bg-0);}
.brand-name{font:700 14px/1 var(--mono);color:var(--t1);letter-spacing:-.3px;}.brand-name b{color:var(--mint);}
.nav-group{padding:0 10px;margin-bottom:16px;}
.nav-lbl{font:600 9.5px/1 var(--sans);text-transform:uppercase;letter-spacing:1.6px;color:var(--t3);padding:0 10px;margin-bottom:8px;}
.nav-a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;color:var(--t2);font:400 13.5px/1 var(--sans);cursor:pointer;transition:.2s;text-decoration:none;}
.nav-a:hover{background:var(--bg-3);color:var(--t1);}
.nav-a.on{background:var(--mint-s);color:var(--mint);font-weight:500;}
.nav-a svg{width:17px;height:17px;flex-shrink:0;opacity:.65;}.nav-a.on svg{opacity:1;}
.side-foot{margin-top:auto;padding:14px 10px;border-top:1px solid var(--border);}
.w-card{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:14px;}
.w-lbl{font:600 9px/1 var(--sans);text-transform:uppercase;letter-spacing:1.2px;color:var(--t3);margin-bottom:6px;}
.w-bal{font:700 19px/1 var(--mono);color:var(--mint);}.w-bal small{font:400 11px/1 var(--mono);color:var(--t3);}
.w-addr{font:400 10.5px/1 var(--mono);color:var(--t3);margin-top:8px;display:flex;align-items:center;gap:6px;}
.w-dot{width:5px;height:5px;background:var(--green);border-radius:50%;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}

/* ═══ MAIN ═══ */
.main{flex:1;padding:28px 36px;max-width:1060px;}
.pg{display:none;}.pg.on{display:block;animation:fadeUp .35s ease;}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.pg-hdr{margin-bottom:28px;}
.pg-hdr h1{font:700 26px/1.2 var(--sans);letter-spacing:-.4px;margin-bottom:5px;}
.pg-hdr p{color:var(--t2);font-size:14px;}

/* ═══ SHARED ═══ */
.card{background:var(--bg-2);border:1px solid var(--border);border-radius:13px;padding:24px;margin-bottom:16px;transition:border-color .25s;}
.card:hover{border-color:var(--border-h);}
.card-title{font:600 11.5px/1 var(--sans);text-transform:uppercase;letter-spacing:1.3px;color:var(--mint);margin-bottom:18px;display:flex;align-items:center;gap:8px;}
.card-title::before{content:'';width:3px;height:13px;background:var(--mint);border-radius:2px;}
.fg{margin-bottom:18px;}.fg:last-child{margin-bottom:0;}
label.fl{display:block;font:500 12.5px/1 var(--sans);color:var(--t2);margin-bottom:7px;}
.fl .req{color:var(--red);margin-left:2px;}
.fi,.ft,.fsel{width:100%;background:var(--bg-3);border:1px solid var(--border);border-radius:9px;padding:11px 14px;color:var(--t1);font:400 13.5px/1.4 var(--sans);outline:none;transition:.2s;}
.fi:focus,.ft:focus,.fsel:focus{border-color:var(--mint);box-shadow:0 0 0 3px var(--mint-s);}
.fi::placeholder,.ft::placeholder{color:var(--t3);}
.ft{min-height:90px;resize:vertical;}
.fh{font-size:11.5px;color:var(--t3);margin-top:5px;}
.fsel{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 12 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235e5e78' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:10px;padding-right:36px;}
.tags-wrap{background:var(--bg-3);border:1px solid var(--border);border-radius:9px;padding:7px 10px;display:flex;flex-wrap:wrap;gap:5px;min-height:44px;align-items:center;transition:.2s;cursor:text;}
.tags-wrap:focus-within{border-color:var(--mint);box-shadow:0 0 0 3px var(--mint-s);}
.tag{display:flex;align-items:center;gap:3px;background:var(--mint-s);border:1px solid var(--mint-g);border-radius:5px;padding:3px 7px;font:500 11.5px/1 var(--mono);color:var(--mint);animation:tagPop .2s ease;}
@keyframes tagPop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
.tag .x{cursor:pointer;opacity:.5;font-size:13px;transition:.15s;}.tag .x:hover{opacity:1;}
.tag.auto{background:var(--purple-s);border-color:rgba(167,139,250,.25);color:var(--purple);}
.tag.on-plat{background:rgba(74,222,128,.1);border-color:rgba(74,222,128,.25);color:var(--green);}
.tag.off-plat{background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.25);color:var(--yellow);}
.invite-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:7px;font:400 12px/1 var(--sans);animation:fadeUp .2s ease;}
.invite-row.on-plat{color:var(--green);background:rgba(74,222,128,.04);}
.invite-row.off-plat{color:var(--yellow);background:rgba(251,191,36,.04);}
.invite-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.invite-dot.on-plat{background:var(--green);}
.invite-dot.off-plat{background:var(--yellow);}
.bounty-line{display:flex;justify-content:space-between;align-items:center;font:400 12px/1 var(--sans);padding:3px 0;}
.bounty-line .handle{color:var(--t2);font-family:var(--mono);font-size:11.5px;}
.bounty-line .amount{font:600 12px/1 var(--mono);color:var(--mint);}
.bounty-line .amount.zero{color:var(--t3);}
.tags-input{flex:1;min-width:100px;background:none;border:none;outline:none;color:var(--t1);font:400 12.5px/1 var(--mono);padding:3px 0;}
.tags-input::placeholder{color:var(--t3);}
.autofill-note{display:none;align-items:center;gap:6px;font:500 11.5px/1 var(--sans);color:var(--purple);margin-top:6px;padding:8px 12px;background:var(--purple-s);border:1px solid rgba(167,139,250,.15);border-radius:7px;}
.autofill-note.show{display:flex;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;font:600 13.5px/1 var(--sans);cursor:pointer;border:none;transition:.25s;text-decoration:none;}
.btn-m{padding:11px 22px;}.btn-l{padding:13px 28px;font-size:14px;border-radius:11px;}
.btn-p{background:var(--mint);color:var(--bg-0);box-shadow:0 4px 18px var(--mint-s);}
.btn-p:hover{box-shadow:0 6px 28px var(--mint-g);transform:translateY(-1px);}
.btn-s{background:var(--bg-2);color:var(--t1);border:1px solid var(--border);}
.btn-s:hover{border-color:var(--t3);background:var(--bg-3);}
.btn-o{background:transparent;border:1px solid var(--mint);color:var(--mint);padding:7px 16px;font-size:12.5px;border-radius:7px;}
.btn-o:hover{background:var(--mint);color:var(--bg-0);box-shadow:0 4px 14px var(--mint-s);}
.btn-boost{background:transparent;border:1px solid var(--orange);color:var(--orange);padding:5px 12px;font:600 11px/1 var(--sans);border-radius:6px;cursor:pointer;transition:.2s;animation:boostPulse 2s infinite;}
.btn-boost:hover{background:var(--orange);color:var(--bg-0);animation:none;}
@keyframes boostPulse{0%,100%{box-shadow:0 0 0 0 rgba(251,146,60,.3)}50%{box-shadow:0 0 12px 2px rgba(251,146,60,.15)}}
.btn-danger{background:transparent;border:1px solid var(--red);color:var(--red);padding:7px 16px;font-size:12.5px;border-radius:7px;}
.btn-danger:hover{background:rgba(248,113,113,.1);}
.form-acts{display:flex;gap:10px;margin-top:24px;}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px;}
.stat{background:var(--bg-2);border:1px solid var(--border);border-radius:11px;padding:16px;text-align:center;}
.stat-v{font:700 22px/1 var(--mono);color:var(--mint);margin-bottom:4px;}
.stat-l{font:500 10px/1 var(--sans);text-transform:uppercase;letter-spacing:1px;color:var(--t3);}
.filters{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;align-items:center;}
.chip{padding:7px 14px;border-radius:18px;font:500 12.5px/1 var(--sans);cursor:pointer;border:1px solid var(--border);background:var(--bg-2);color:var(--t2);transition:.2s;}
.chip:hover{border-color:var(--t3);color:var(--t1);}
.chip.on{background:var(--mint-s);border-color:var(--mint);color:var(--mint);}
.srch{position:relative;flex:1;min-width:180px;}
.srch svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--t3);}
.srch .fi{padding-left:36px;border-radius:18px;height:38px;}
.tabs{display:flex;gap:4px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:4px;margin-bottom:24px;width:fit-content;}
.tab{padding:8px 18px;border-radius:7px;font:500 13px/1 var(--sans);cursor:pointer;transition:.2s;color:var(--t2);}
.tab:hover{color:var(--t1);}.tab.on{background:var(--mint-s);color:var(--mint);}
.tab-content{display:none;}.tab-content.on{display:block;animation:fadeUp .3s ease;}

/* ═══ BROWSE CARDS ═══ */
.agents{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px;}
.agent-card{background:var(--bg-2);border:1px solid var(--border);border-radius:14px;padding:22px;transition:.3s;cursor:pointer;position:relative;overflow:hidden;}
.agent-card::after{content:'';position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(circle at top right,var(--mint-s),transparent 70%);opacity:0;transition:.3s;}
.agent-card:hover{border-color:var(--border-h);transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.3);}
.agent-card:hover::after{opacity:1;}
.agent-card.selected{border-color:var(--mint);box-shadow:0 0 20px var(--mint-s);}
.agent-card.selected .select-check{opacity:1;transform:scale(1);}
.select-check{position:absolute;top:14px;right:14px;width:28px;height:28px;background:var(--mint);color:var(--bg-0);border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 14px/1 var(--sans);opacity:0;transform:scale(.5);transition:.25s;z-index:3;}

/* X/Twitter Card Style */
.x-card{padding:18px 20px;background:var(--bg-2);border:1px solid var(--border);border-radius:14px;}
.x-card:hover{border-color:var(--border-h);transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.3);}
.x-card.selected{border-color:var(--mint);box-shadow:0 0 20px var(--mint-s);}
.x-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.x-card-avatar{width:44px;height:44px;min-width:44px;border-radius:50%;background:var(--bg-4);display:flex;align-items:center;justify-content:center;font:600 16px/1 var(--sans);color:var(--t2);overflow:hidden;}
.x-card-user{flex:1;min-width:0;}
.x-card-name{font:600 15px/1.2 var(--sans);color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px;}
.x-verified{flex-shrink:0;}
.x-card-handle{font:400 13px/1.2 var(--sans);color:var(--t3);margin-top:2px;}
.x-card-bio{font:400 13px/1.4 var(--sans);color:var(--t2);margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;}
.x-card-stats{display:flex;gap:14px;margin-bottom:10px;font:400 13px/1 var(--sans);color:var(--t3);}
.x-card-stats strong{color:var(--t1);font-weight:700;}
.x-card-tweets{margin-bottom:8px;position:relative;}
.x-card-tweets:empty{display:none;}
.x-tweet-slide{display:none;}
.x-tweet-slide.on{display:block;}
.x-tweet-slide twitter-widget,.x-tweet-slide .twitter-tweet{margin:0 auto!important;}
.x-tweet-dots{display:flex;justify-content:center;gap:6px;margin-bottom:10px;}
.x-tweet-dot{width:24px;height:24px;border-radius:50%;background:var(--bg-4);color:var(--t3);font:600 11px/24px var(--sans);text-align:center;cursor:pointer;transition:.2s;user-select:none;}
.x-tweet-dot:hover{background:var(--border-h);color:var(--t1);}
.x-tweet-dot.on{background:var(--mint);color:var(--bg-0);}
.x-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border);}
.x-card-price{font:400 12px/1 var(--sans);color:var(--t3);}
.x-card-price span{font:700 15px/1 var(--mono);color:var(--mint);margin-left:4px;}
.x-card-invite-btn{padding:7px 16px;border-radius:7px;font:600 12.5px/1 var(--sans);background:transparent;border:1px solid var(--mint);color:var(--mint);cursor:pointer;transition:.2s;}
.x-card-invite-btn:hover{background:var(--mint);color:var(--bg-0);box-shadow:0 4px 14px var(--mint-s);}
/* Sticky selection bar */
.selection-bar{position:fixed;bottom:-100px;left:250px;right:0;background:var(--bg-1);border-top:1px solid var(--border);padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:100;transition:bottom .3s ease;backdrop-filter:blur(12px);}
.selection-bar.show{bottom:0;}
.sel-left{flex:1;min-width:0;display:flex;align-items:center;gap:8px;overflow-x:auto;}
.sel-right{display:flex;align-items:center;gap:20px;flex-shrink:0;}
.sel-chip{padding:5px 10px;border-radius:6px;font:500 12px/1 var(--mono);background:var(--mint-s);border:1px solid rgba(78,205,196,.2);color:var(--mint);white-space:nowrap;display:flex;align-items:center;gap:6px;}
.sel-chip .sel-x{cursor:pointer;opacity:.5;font-size:13px;transition:.15s;}.sel-chip .sel-x:hover{opacity:1;}
#sel-invite-btn{padding:14px 28px;font:600 15px/1 var(--sans);border-radius:10px;white-space:nowrap;}
.agent-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px;}
.agent-tag{padding:3px 8px;border-radius:5px;font:500 10.5px/1 var(--sans);background:var(--bg-4);color:var(--t2);border:1px solid var(--border);}
.agent-foot{display:flex;justify-content:space-between;align-items:center;}
.agent-price{display:flex;flex-direction:column;gap:2px;}
.agent-price-v{font:700 16px/1 var(--mono);color:var(--mint);}
.agent-price-v small{font:400 11px/1 var(--mono);color:var(--t3);}
/* Social proof bar */
.social-proof{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:8px 12px;background:var(--bg-3);border-radius:8px;}
.sp-earned{font:600 13px/1 var(--mono);color:var(--mint);}
.sp-convos{font:400 11.5px/1 var(--sans);color:var(--t3);}
.sp-badge{margin-left:auto;display:flex;align-items:center;gap:4px;font:700 10px/1 var(--sans);color:var(--yellow);background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.2);border-radius:5px;padding:3px 8px;}
.pub-card{padding:18px 20px;}.pub-card .agent-foot{align-items:flex-end;}

/* Mock Tweet Cards */
.mock-tweet{background:#16181c;border:1px solid #2f3336;border-radius:12px;padding:14px 16px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;}
.mt-header{display:flex;gap:10px;align-items:flex-start;}
.mt-ava{width:40px;height:40px;border-radius:50%;flex-shrink:0;background:#2f3336;display:flex;align-items:center;justify-content:center;font-size:18px;overflow:hidden;}
.mt-user{flex:1;min-width:0;}
.mt-name{font:700 14px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#e7e9ea;display:flex;align-items:center;gap:4px;}
.mt-verified{display:inline-flex;width:16px;height:16px;background:#1d9bf0;border-radius:50%;align-items:center;justify-content:center;}
.mt-verified svg{width:10px;height:10px;fill:#fff;}
.mt-handle{font:400 13px/1.2 -apple-system,sans-serif;color:#71767b;}
.mt-xlogo{margin-left:auto;color:#71767b;flex-shrink:0;}.mt-xlogo svg{width:18px;height:18px;}
.mt-body{font:400 15px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#e7e9ea;margin:10px 0 0;word-wrap:break-word;}
.mt-actions{display:flex;gap:0;margin-top:10px;padding-top:8px;border-top:1px solid #2f3336;}
.mt-act{flex:1;display:flex;align-items:center;gap:5px;font:400 13px/1 -apple-system,sans-serif;color:#71767b;}
.mt-act svg{width:16px;height:16px;opacity:.6;}

/* Tweet carousel */
.tweet-carousel{position:relative;}
.tweet-slide{position:absolute;top:0;left:0;right:0;opacity:0;pointer-events:none;z-index:0;transition:opacity .3s;}
.tweet-slide.active{position:relative;opacity:1;pointer-events:auto;z-index:1;}
.embed-tweet-wrap{border-radius:12px;overflow:hidden;}
.tweet-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px;}
.tweet-dots{display:flex;gap:5px;}
.tweet-dot{width:7px;height:7px;border-radius:50%;background:var(--bg-4);cursor:pointer;transition:.2s;border:1px solid var(--border);}
.tweet-dot.active{background:var(--mint);border-color:var(--mint);}
.tweet-arrow{width:28px;height:28px;border-radius:7px;background:var(--bg-3);border:1px solid var(--border);color:var(--t2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;font-size:13px;}
.tweet-arrow:hover{border-color:var(--mint);color:var(--mint);background:var(--mint-s);}
.tweet-counter{font:500 10.5px/1 var(--mono);color:var(--t3);}

/* ═══ CONVERSATIONS (was JOBS/REQUESTS) ═══ */
.jobs{display:flex;flex-direction:column;gap:12px;}
.job{background:var(--bg-2);border:1px solid var(--border);border-radius:13px;padding:22px;transition:.3s;cursor:pointer;position:relative;overflow:hidden;}
.job::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--mint);opacity:0;transition:.3s;}
.job:hover{border-color:var(--border-h);background:var(--bg-3);transform:translateX(2px);}.job:hover::before{opacity:1;}
.job-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;}
.job-buyer{display:flex;align-items:center;gap:9px;}
.job-ava{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 13px/1 var(--sans);color:var(--bg-0);flex-shrink:0;}
.job-name{font:600 13.5px/1 var(--sans);}.job-handle{font:400 11.5px/1 var(--mono);color:var(--t3);}
.badge{padding:3px 9px;border-radius:5px;font:600 10px/1 var(--sans);text-transform:uppercase;letter-spacing:.4px;}
.b-new{background:rgba(78,205,196,.1);color:var(--mint);border:1px solid rgba(78,205,196,.18);}
.b-hot{background:rgba(251,146,60,.1);color:var(--orange);border:1px solid rgba(251,146,60,.18);}
.b-closing{background:rgba(248,113,113,.1);color:var(--red);border:1px solid rgba(248,113,113,.18);}
.b-pending{background:rgba(251,191,36,.1);color:var(--yellow);border:1px solid rgba(251,191,36,.18);}
.b-active{background:rgba(78,205,196,.1);color:var(--mint);border:1px solid rgba(78,205,196,.18);}
.b-done{background:rgba(74,222,128,.1);color:var(--green);border:1px solid rgba(74,222,128,.18);}
.b-expired{background:rgba(94,94,120,.15);color:var(--t3);border:1px solid var(--border);}
.job-preview{background:var(--bg-3);border:1px solid var(--border);border-radius:9px;padding:12px;margin-bottom:14px;font:400 12.5px/1.55 var(--sans);color:var(--t2);}
.job-preview a{color:var(--mint);font:400 10.5px/1 var(--mono);text-decoration:none;display:inline-block;margin-top:7px;opacity:.65;transition:.15s;}.job-preview a:hover{opacity:1;}
.job-desc{font:400 12px/1.5 var(--sans);color:var(--t2);margin-bottom:14px;padding:10px 12px;background:rgba(167,139,250,.05);border:1px solid rgba(167,139,250,.1);border-radius:8px;}
.job-desc-lbl{font:600 9px/1 var(--sans);text-transform:uppercase;letter-spacing:1px;color:var(--purple);margin-bottom:5px;opacity:.7;}
.job-bot{display:flex;justify-content:space-between;align-items:center;}
.job-pay{font:700 17px/1 var(--mono);color:var(--mint);}.job-pay small{font:400 11px/1 var(--mono);color:var(--t3);}
.job-meta{display:flex;align-items:center;gap:14px;font:400 11.5px/1 var(--sans);color:var(--t3);}
.job-slots{display:flex;align-items:center;gap:5px;}
.sbar{width:50px;height:3.5px;background:var(--bg-4);border-radius:2px;overflow:hidden;}.sbar-f{height:100%;background:var(--mint);border-radius:2px;}

/* ═══ ACCOUNT ═══ */
.acct-tabs{display:flex;gap:4px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:4px;margin-bottom:24px;width:fit-content;}
.acct-tab{padding:8px 18px;border-radius:7px;font:500 13px/1 var(--sans);cursor:pointer;transition:.2s;color:var(--t2);}
.acct-tab:hover{color:var(--t1);}.acct-tab.on{background:var(--mint-s);color:var(--mint);}
.acct-content{display:none;}.acct-content.on{display:block;animation:fadeUp .3s ease;}
.wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;}
.wallet-big{background:var(--bg-2);border:1px solid var(--border);border-radius:13px;padding:24px;}
.wallet-big-lbl{font:600 10px/1 var(--sans);text-transform:uppercase;letter-spacing:1.2px;color:var(--t3);margin-bottom:8px;}
.wallet-big-val{font:700 32px/1 var(--mono);color:var(--mint);margin-bottom:4px;}
.wallet-big-sub{font:400 12px/1 var(--mono);color:var(--t3);}
.wallet-actions{display:flex;gap:8px;margin-top:16px;}
.tx-list{display:flex;flex-direction:column;gap:2px;}
.tx-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:9px;transition:.15s;}.tx-item:hover{background:var(--bg-3);}
.tx-left{display:flex;align-items:center;gap:10px;}
.tx-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;}
.tx-icon.in{background:rgba(74,222,128,.1);}.tx-icon.out{background:rgba(248,113,113,.1);}
.tx-desc{font:500 13px/1 var(--sans);margin-bottom:2px;}.tx-date{font:400 11px/1 var(--sans);color:var(--t3);}
.tx-amount{font:600 13px/1 var(--mono);}.tx-amount.pos{color:var(--green);}.tx-amount.neg{color:var(--red);}
.req-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-2);border:1px solid var(--border);border-radius:11px;margin-bottom:8px;transition:.2s;}.req-item:hover{border-color:var(--border-h);}
.req-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0;}
.req-tweet{font:400 13px/1.4 var(--sans);color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px;}
.req-info{display:flex;align-items:center;gap:12px;}
.req-slots{font:400 12px/1 var(--mono);color:var(--t3);}.req-price{font:600 14px/1 var(--mono);color:var(--mint);}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}.profile-full{grid-column:1/-1;}
.niche-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;}
.niche-chip{padding:6px 12px;border-radius:7px;font:500 12px/1 var(--sans);cursor:pointer;border:1px solid var(--border);background:var(--bg-3);color:var(--t2);transition:.2s;}
.niche-chip:hover{border-color:var(--t3);color:var(--t1);}
.niche-chip.on{border-color:var(--mint);background:var(--mint-s);color:var(--mint);}
.niche-group-label{font:600 9.5px/1 var(--sans);text-transform:uppercase;letter-spacing:1.2px;color:var(--t3);margin-top:12px;margin-bottom:6px;}
.niche-group-label:first-of-type{margin-top:0;}
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:100;align-items:center;justify-content:center;backdrop-filter:blur(4px);}
.modal-overlay.show{display:flex;}
.modal{background:var(--bg-2);border:1px solid var(--border);border-radius:16px;padding:32px;width:440px;max-width:90vw;animation:fadeUp .3s ease;}
.modal h2{font:700 20px/1.2 var(--sans);margin-bottom:6px;}.modal p{font:400 13.5px/1.4 var(--sans);color:var(--t2);margin-bottom:20px;}
.pay-option{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border);border-radius:11px;margin-bottom:10px;cursor:pointer;transition:.2s;}
.pay-option:hover{border-color:var(--border-h);background:var(--bg-3);}
.pay-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;}
.pay-icon.crypto{background:var(--mint-s);color:var(--mint);}
.pay-label{font:600 14px/1 var(--sans);}.pay-desc{font:400 12px/1 var(--sans);color:var(--t3);margin-top:2px;}
.toggle{width:40px;height:22px;border-radius:11px;background:var(--bg-4);border:1px solid var(--border);cursor:pointer;position:relative;transition:.25s;}
.toggle.on{background:var(--mint);border-color:var(--mint);}
.toggle-knob{width:16px;height:16px;border-radius:50%;background:var(--t3);position:absolute;top:2px;left:2px;transition:.25s;}
.toggle.on .toggle-knob{left:20px;background:#fff;}
/* Engagement type chips */
.eng-chip{padding:6px 12px;border-radius:7px;font:500 12px/1 var(--sans);cursor:pointer;border:1px solid var(--border);background:var(--bg-3);color:var(--t2);transition:.2s;}
.eng-chip:hover{border-color:var(--t3);color:var(--t1);}
.eng-chip.on{border-color:var(--mint);background:var(--mint-s);color:var(--mint);}
/* Perspective chips */
.persp-chip{padding:5px 10px;border-radius:6px;font:500 11px/1 var(--sans);cursor:pointer;border:1px solid var(--border);background:var(--bg-3);color:var(--t3);transition:.2s;}
.persp-chip:hover{border-color:var(--t3);color:var(--t2);}.persp-chip.on{border-color:var(--purple);background:var(--purple-s);color:var(--purple);}
/* Tweet link rows */
.tweet-link-row{display:flex;align-items:center;gap:6px;margin-bottom:8px;}.tweet-link-row .fi{flex:1;}
.tweet-link-remove{width:30px;height:30px;border-radius:7px;background:none;border:1px solid var(--border);color:var(--t3);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;flex-shrink:0;}
.tweet-link-remove:hover{border-color:var(--red);color:var(--red);background:rgba(248,113,113,.08);}
.btn-add-tweet{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;background:none;border:1px dashed var(--border);color:var(--t3);font:500 12px/1 var(--sans);cursor:pointer;transition:.2s;width:100%;}
.btn-add-tweet:hover{border-color:var(--mint);color:var(--mint);background:var(--mint-s);}
.btn-add-tweet.disabled{opacity:.35;pointer-events:none;}

/* ═══ AGENT BANNER ═══ */
.agent-banner{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:18px 22px;margin-bottom:20px;}
.ab-label{font:600 13px/1 var(--sans);color:var(--t1);margin-bottom:12px;}
.ab-prompt-wrap{display:flex;align-items:center;gap:10px;background:var(--bg-0);border:1px solid var(--border);border-radius:8px;padding:10px 14px;}
.ab-prompt{flex:1;font:400 13px/1.4 var(--mono);color:var(--t2);user-select:all;}
.ab-copy{font:500 12px/1 var(--sans);color:var(--mint);cursor:pointer;padding:5px 12px;border:1px solid rgba(78,205,196,.2);border-radius:6px;transition:.2s;white-space:nowrap;flex-shrink:0;}
.ab-copy:hover{background:var(--mint-s);}
.ab-steps{display:flex;align-items:center;gap:8px;margin-top:10px;font:400 12px/1 var(--sans);color:var(--t3);}
.ab-dot{opacity:.4;}

/* ═══ FOR AGENTS PAGE ═══ */
.agent-toggle{display:flex;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;overflow:hidden;max-width:360px;margin-bottom:24px;}
.at-tab{flex:1;padding:12px 20px;font:500 14px/1 var(--sans);color:var(--t3);text-align:center;cursor:pointer;transition:.2s;border-right:1px solid var(--border);}
.at-tab:last-child{border-right:none;}
.at-tab:hover{color:var(--t2);background:var(--bg-3);}
.at-tab.on{background:var(--mint-s);color:var(--mint);font-weight:600;}
.at-content{display:none;}.at-content.on{display:block;}
.at-role{display:none;}.at-role:first-child{display:block;}
.at-method{display:none;}.at-method:first-child{display:block;}
.code-block{background:var(--bg-0);border:1px solid var(--border);border-radius:10px;overflow:hidden;}
.code-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg-2);}
.code-copy{font:500 12px/1 var(--sans);color:var(--mint);cursor:pointer;padding:4px 10px;border:1px solid rgba(78,205,196,.2);border-radius:6px;transition:.2s;}
.code-copy:hover{background:var(--mint-s);}
.code-block pre{padding:18px;margin:0;overflow-x:auto;}
.code-block code{font:400 13px/1.6 var(--mono);color:var(--t2);}
.agent-steps{display:flex;flex-direction:column;gap:2px;margin-top:8px;}
.agent-step{display:flex;align-items:center;gap:14px;padding:14px 0;}
.step-num{width:30px;height:30px;border-radius:50%;background:var(--mint-s);border:1px solid rgba(78,205,196,.2);color:var(--mint);font:600 13px/30px var(--mono);text-align:center;flex-shrink:0;}
.step-text{font:400 14px/1.4 var(--sans);color:var(--t2);}
.agent-caps{display:flex;flex-direction:column;gap:4px;}
.agent-cap{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid var(--border);}
.agent-cap:last-child{border-bottom:none;}
.cap-icon{font-size:20px;flex-shrink:0;width:36px;height:36px;background:var(--bg-3);border-radius:9px;display:flex;align-items:center;justify-content:center;}
.cap-text{display:flex;flex-direction:column;gap:3px;}
.cap-text strong{font:600 14px/1.2 var(--sans);color:var(--t1);}
.cap-text span{font:400 12.5px/1.4 var(--sans);color:var(--t3);}
::-webkit-scrollbar{width:5px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;}
.anim{animation:fadeUp .4s ease forwards;opacity:0;}
.d1{animation-delay:.04s}.d2{animation-delay:.08s}.d3{animation-delay:.12s}.d4{animation-delay:.16s}.d5{animation-delay:.2s}

/* ═══ HOW IT WORKS PAGE ═══ */
.hiw-section{margin-top:40px;margin-bottom:16px;}
.hiw-tag{font:600 11px/1 var(--mono);color:var(--mint);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;}
.hiw-title{font:700 clamp(22px,3vw,30px)/1.2 var(--sans);color:var(--t1);letter-spacing:-.5px;margin-bottom:8px;}
.hiw-desc{font:400 14px/1.6 var(--sans);color:var(--t2);max-width:480px;}

/* Steps */
.hiw-steps{display:flex;flex-direction:column;gap:0;position:relative;margin-top:16px;}
.hiw-steps::before{content:'';position:absolute;left:18px;top:40px;bottom:40px;width:2px;background:linear-gradient(to bottom,var(--mint),#a78bfa,#f5c542);opacity:.15;}
.hiw-step{display:flex;gap:20px;padding:28px 0;position:relative;}
.hiw-step-num{width:38px;height:38px;min-width:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 14px/1 var(--mono);position:relative;z-index:2;}
.hiw-step-num.mint{background:var(--mint-s);color:var(--mint);border:2px solid rgba(78,205,196,.3);}
.hiw-step-num.purple{background:rgba(167,139,250,.1);color:#a78bfa;border:2px solid rgba(167,139,250,.3);}
.hiw-step-num.gold{background:rgba(245,197,66,.08);color:#f5c542;border:2px solid rgba(245,197,66,.3);}
.hiw-step-body{flex:1;min-width:0;}
.hiw-step-title{font:600 16px/1.3 var(--sans);color:var(--t1);margin-bottom:6px;}
.hiw-step-desc{font:400 13px/1.6 var(--sans);color:var(--t2);}
.hiw-step-visual{flex:1;max-width:340px;min-width:200px;}
.hiw-mock{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r2);padding:16px;position:relative;overflow:hidden;}
.hiw-mock::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;}
.hiw-mock.mint-top::before{background:linear-gradient(90deg,var(--mint),transparent);}
.hiw-mock.purple-top::before{background:linear-gradient(90deg,#a78bfa,transparent);}
.hiw-mock.gold-top::before{background:linear-gradient(90deg,#f5c542,transparent);}
.hiw-mock.green-top::before{background:linear-gradient(90deg,var(--mint),#a78bfa);}

/* Flow */
.hiw-flow{display:flex;align-items:center;justify-content:center;gap:0;padding:24px 0;flex-wrap:wrap;}
.hiw-flow-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px;}
.hiw-flow-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:10px;border:2px solid var(--border);}
.hiw-flow-icon.mint-bg{background:var(--mint-s);border-color:rgba(78,205,196,.2);}
.hiw-flow-icon.purple-bg{background:rgba(167,139,250,.1);border-color:rgba(167,139,250,.2);}
.hiw-flow-icon.gold-bg{background:rgba(245,197,66,.08);border-color:rgba(245,197,66,.2);}
.hiw-flow-label{font:600 12px/1 var(--sans);color:var(--t1);margin-bottom:4px;}
.hiw-flow-sub{font:400 11px/1 var(--sans);color:var(--t3);}
.hiw-flow-arrow{color:var(--t3);font-size:20px;margin:0 2px;margin-bottom:18px;}

/* Two sides */
.hiw-sides{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;}
.hiw-side-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r2);padding:28px;position:relative;overflow:hidden;transition:.3s;}
.hiw-side-card:hover{border-color:rgba(78,205,196,.2);transform:translateY(-2px);}
.hiw-side-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--mint),#a78bfa);}
.hiw-side-card:last-child::before{background:linear-gradient(90deg,#f5c542,var(--mint));}
.hiw-side-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px;}
.hiw-side-title{font:600 18px/1.2 var(--sans);color:var(--t1);margin-bottom:6px;}
.hiw-side-desc{font:400 13px/1.6 var(--sans);color:var(--t2);margin-bottom:14px;}
.hiw-side-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px;}
.hiw-side-list li{display:flex;align-items:flex-start;gap:8px;font:400 13px/1.5 var(--sans);color:var(--t2);}
.hiw-side-list li::before{content:'→';color:var(--mint);font-weight:700;margin-top:1px;}

@media(max-width:768px){
  .hiw-step{flex-direction:column;gap:12px;}
  .hiw-step-visual{max-width:100%;}
  .hiw-sides{grid-template-columns:1fr;}
  .hiw-flow{flex-direction:column;}
  .hiw-flow-arrow{transform:rotate(90deg);}
}

/* ═══ AUTH UI ═══ */
.auth-login-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 16px;border-radius:9px;border:1px solid var(--border);background:var(--bg-2);color:var(--t1);font:600 13px/1 var(--sans);cursor:pointer;transition:.25s;margin-bottom:10px;}
.auth-login-btn:hover{border-color:var(--mint);background:var(--mint-s);color:var(--mint);}
.auth-user-info{margin-bottom:10px;}
.auth-user-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;}
.auth-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-4);display:flex;align-items:center;justify-content:center;font:600 13px/1 var(--sans);color:var(--t2);flex-shrink:0;overflow:hidden;background-size:cover;background-position:center;}
.auth-details{flex:1;min-width:0;}
.auth-name{font:600 12.5px/1 var(--sans);color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.auth-handle{font:400 10.5px/1 var(--mono);color:var(--t3);margin-top:3px;}
.auth-logout{background:none;border:1px solid var(--border);border-radius:6px;padding:5px;cursor:pointer;color:var(--t3);transition:.2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.auth-logout:hover{border-color:var(--red);color:var(--red);background:rgba(248,113,113,.08);}

/* ═══ HAMBURGER MENU (U4) ═══ */
.hamburger{display:none;position:fixed;top:16px;left:16px;z-index:201;width:40px;height:40px;border-radius:10px;background:var(--bg-2);border:1px solid var(--border);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px;transition:.2s;}
.hamburger:hover{border-color:var(--mint);background:var(--bg-3);}
.hamburger span{display:block;width:18px;height:2px;background:var(--t2);border-radius:1px;transition:.3s;}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(4px,4px);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px);}
.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:199;backdrop-filter:blur(2px);}
.sidebar-overlay.show{display:block;}

@media(max-width:768px){
  .hamburger{display:flex;}
  .side{position:fixed;left:-260px;top:0;z-index:200;transition:left .3s ease;box-shadow:none;}
  .side.open{left:0;box-shadow:8px 0 30px rgba(0,0,0,.4);}
  .main{padding:18px;padding-top:68px;}
  .stats{grid-template-columns:1fr;}
  .agents{grid-template-columns:1fr;}
  .wallet-grid{grid-template-columns:1fr;}
  .profile-grid{grid-template-columns:1fr;}
  .selection-bar{left:0;}
}