/* KREW18 v7 — app.css */
#k18-app,.k18d-wrap,.k18f-wrap{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;}
#k18-app *,.k18d-wrap *,.k18f-wrap *{box-sizing:border-box;margin:0;padding:0;}
.k18-dn{display:none!important;}
.k18-notice{max-width:480px;margin:40px auto;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:32px 24px;text-align:center;color:rgba(239,255,244,.65);font-size:14px;font-family:Inter,system-ui,sans-serif;}
.k18-notice a{color:#34D399;font-weight:700;text-decoration:none;}

/* ── Signup / Login wrapper — dark self-contained ── */
#k18-app{padding:0;min-height:100vh;background:linear-gradient(160deg,#061009 0%,#0a1c0e 100%);display:flex;align-items:flex-start;justify-content:center;}
.k18f-wrap{width:100%;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px 60px;}
.k18f-shell{width:min(520px,100%);display:flex;flex-direction:column;align-items:center;gap:20px;}

/* Brand */
.k18f-brand{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:8px;}
.k18f-logo{display:flex;align-items:center;gap:9px;}
.k18f-logo b{font-size:17px;color:#EFFFF4;letter-spacing:.1px;font-weight:800;}
.k18f-h1{font-size:32px;font-weight:800;color:#EFFFF4;line-height:1.1;margin-top:4px;}
.k18f-sub{font-size:13px;color:rgba(239,255,244,.55);line-height:1.5;max-width:340px;}

/* Card */
.k18f-card{width:100%;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09);border-radius:20px;overflow:hidden;}
.k18f-cin{background:rgba(5,12,8,.92);border-radius:20px;padding:20px;}

/* Segment toggle */
.k18f-seg-wrap{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
.k18f-seg-lbl{color:rgba(239,255,244,.40);font-size:12px;flex-shrink:0;font-weight:500;}
.k18f-seg{flex:1;display:grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:3px;gap:3px;}
.k18f-seg button{appearance:none;border:1px solid transparent;background:transparent;color:rgba(239,255,244,.40);padding:10px 8px;border-radius:8px;font-weight:700;cursor:pointer;font-size:13px;font-family:inherit;transition:all .15s;line-height:1;min-height:40px;}
.k18f-seg button.on{color:#34D399;border-color:rgba(34,197,94,.40);background:rgba(34,197,94,.10);}

/* Steps */
.k18f-step{display:none;}.k18f-step.on{display:block;}

/* Stacked (single col) + two-col grid */
.k18f-g1{display:flex;flex-direction:column;gap:10px;margin-bottom:12px;}
.k18f-g{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;}

/* Field */
.k18f-f{display:flex;flex-direction:column;gap:5px;}
.k18f-f label{font-size:11px;color:rgba(239,255,244,.48);font-weight:600;letter-spacing:.02em;display:block;}
.k18f-f label em{color:#ff5d7a;font-style:normal;margin-left:2px;}
.k18f-i{position:relative;display:block;}
.k18f-i svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:rgba(239,255,244,.32);pointer-events:none;z-index:1;}

/* Inputs — scoped to prevent theme conflicts */
#k18-app input[type=text],
#k18-app input[type=email],
#k18-app input[type=password],
#k18-app input[type=number],
#k18-app input[type=tel],
#k18-app input[type=date],
#k18-app input[type=search],
#k18-app select{
  appearance:none;-webkit-appearance:none;
  display:block;width:100%;
  height:48px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.28);
  color:#EFFFF4;
  padding:0 12px 0 40px;
  font-size:15px;font-family:inherit;font-weight:500;
  outline:none;
  transition:border-color .15s,box-shadow .15s;
  box-shadow:none;
  -webkit-box-shadow:none;
  line-height:normal;
}
#k18-app input[type=text]:focus,
#k18-app input[type=email]:focus,
#k18-app input[type=password]:focus,
#k18-app input[type=number]:focus,
#k18-app input[type=tel]:focus,
#k18-app input[type=date]:focus,
#k18-app input[type=search]:focus,
#k18-app select:focus{border-color:rgba(34,197,94,.55);box-shadow:0 0 0 3px rgba(34,197,94,.10);}
#k18-app input::placeholder{color:rgba(239,255,244,.22);opacity:1;}
#k18-app select option{background:#0d1a10;color:#EFFFF4;}

/* Button — force override everything */
#k18-app button.k18f-btn,
#k18-app .k18f-btn{
  -webkit-appearance:none !important;
  appearance:none !important;
  display:block !important;
  width:100% !important;
  height:50px !important;
  min-height:50px !important;
  border-radius:12px !important;
  border:1px solid rgba(34,197,94,.25) !important;
  background:linear-gradient(180deg,#22C55E,#16a34a) !important;
  color:#052e08 !important;
  font-weight:800 !important;
  font-size:15px !important;
  font-family:inherit !important;
  cursor:pointer !important;
  margin-top:14px !important;
  padding:0 !important;
  line-height:50px !important;
  text-align:center !important;
  box-shadow:0 10px 28px rgba(34,197,94,.18) !important;
  transition:filter .15s,transform .08s !important;
}
#k18-app button.k18f-btn:hover,
#k18-app .k18f-btn:hover{filter:brightness(1.06) !important;}
#k18-app button.k18f-btn:active,
#k18-app .k18f-btn:active{transform:translateY(1px) !important;}
#k18-app button.k18f-btn:disabled,
#k18-app .k18f-btn:disabled{opacity:.60 !important;cursor:not-allowed !important;}

/* Outline button */
#k18-app button.k18f-btn-o,
#k18-app .k18f-btn-o{
  -webkit-appearance:none !important;
  appearance:none !important;
  display:block !important;
  width:100% !important;
  height:46px !important;
  border-radius:11px !important;
  border:1px solid rgba(255,255,255,.11) !important;
  background:rgba(255,255,255,.04) !important;
  color:rgba(239,255,244,.70) !important;
  font-weight:700 !important;
  font-size:14px !important;
  font-family:inherit !important;
  cursor:pointer !important;
  margin-top:10px !important;
  padding:0 !important;
  line-height:46px !important;
  text-align:center !important;
}
#k18-app button.k18f-btn-o:hover,
#k18-app .k18f-btn-o:hover{background:rgba(255,255,255,.09) !important;}

/* Chips */
.k18f-chips{display:flex;flex-wrap:wrap;gap:7px;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.18);}
.k18f-chip{padding:6px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);color:rgba(239,255,244,.65);cursor:pointer;user-select:none;font-size:12px;font-weight:600;transition:all .12s;line-height:1.2;}
.k18f-chip[data-on="1"]{border-color:rgba(34,197,94,.55);background:rgba(34,197,94,.10);color:#34D399;}
.k18f-hint-s{font-size:11px;color:rgba(239,255,244,.32);margin-top:3px;display:block;}

/* Checkbox row */
.k18f-chk{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:rgba(239,255,244,.58);cursor:pointer;line-height:1.4;}
.k18f-chk input[type=checkbox]{width:16px;height:16px;flex-shrink:0;accent-color:#22C55E;margin-top:1px;}

/* Login keep-me row — prevent wrapping */
.k18f-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 6px;}
.k18f-row .k18f-chk{white-space:nowrap;flex-shrink:0;}
.k18f-link{color:#34D399;text-decoration:none;font-weight:700;white-space:nowrap;}
.k18f-link:hover{text-decoration:underline;}
.k18f-hint{text-align:center;font-size:12px;color:rgba(239,255,244,.38);margin-top:10px;}

/* Divider */
.k18f-div{display:flex;align-items:center;gap:10px;margin:16px 0 12px;color:rgba(239,255,244,.25);font-size:12px;}
.k18f-div::before,.k18f-div::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.07);}

/* Register cards */
.k18f-reg{display:flex;flex-direction:column;gap:8px;}
.k18f-rc{display:flex;align-items:center;gap:10px;padding:12px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:12px;text-decoration:none;color:#EFFFF4;font-size:13px;font-weight:700;transition:all .15s;}
.k18f-rc:hover{background:rgba(34,197,94,.07);border-color:rgba(34,197,94,.20);}
.k18f-rc div{flex:1;display:flex;flex-direction:column;gap:2px;}
.k18f-rc div span:last-child{font-size:11px;color:rgba(239,255,244,.38);font-weight:400;}
.k18f-rc .k18f-arr{color:rgba(239,255,244,.28);}

/* Error */
.k18f-err{padding:10px 13px;border-radius:9px;background:rgba(255,93,122,.09);border:1px solid rgba(255,93,122,.22);color:#ff5d7a;font-size:12px;line-height:1.4;margin-top:10px;}

/* Bonus bar */
.k18f-bonus{display:flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(251,191,36,.07);border:1px solid rgba(251,191,36,.18);border-radius:9px;font-size:12px;color:#fbbf24;font-weight:600;margin-bottom:12px;}

/* ═══ Dashboards ═══ */
.k18d-wrap{padding:16px;min-height:60vh;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;}
.k18d-in{max-width:1100px;margin:0 auto;}

/* Topbar */
.k18d-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;background:linear-gradient(135deg,rgba(34,197,94,.10),rgba(34,197,94,.03));border:1px solid rgba(34,197,94,.18);border-radius:18px;padding:14px 18px;margin-bottom:12px;}
.k18d-tu{display:flex;align-items:center;gap:12px;}
.k18d-av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,rgba(34,197,94,.28),rgba(34,197,94,.08));border:2px solid rgba(34,197,94,.28);display:grid;place-items:center;font-size:16px;font-weight:900;color:#34D399;flex-shrink:0;}
.k18d-nm{font-size:16px;font-weight:800;color:#EFFFF4;margin-bottom:2px;}
.k18d-ds{font-size:12px;color:rgba(239,255,244,.50);}
.k18d-tr{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.k18d-pill{font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px;border:1px solid;}
.pg{color:#34D399;background:rgba(34,197,94,.09);border-color:rgba(34,197,94,.28);}
.py{color:#fcd34d;background:rgba(251,191,36,.09);border-color:rgba(251,191,36,.22);}
.k18d-lo{display:inline-flex;align-items:center;gap:5px;appearance:none;background:transparent;border:1px solid rgba(255,255,255,.10);color:rgba(239,255,244,.50);font-size:12px;font-weight:700;font-family:inherit;padding:6px 14px;border-radius:999px;cursor:pointer;text-decoration:none;transition:all .15s;}
.k18d-lo:hover{border-color:rgba(255,93,122,.35);color:#ff5d7a;}

/* Tabs */
.k18d-tabs{display:flex;gap:3px;margin-bottom:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.k18d-tab{appearance:none;background:transparent;border:1px solid transparent;color:rgba(239,255,244,.46);font-weight:700;font-size:12px;font-family:inherit;padding:8px 14px;border-radius:9px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;transition:all .12s;}
.k18d-tab:hover{color:rgba(239,255,244,.75);background:rgba(255,255,255,.04);}
.k18d-tab.on{color:#34D399;background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.28);}
.k18d-cnt{background:rgba(34,197,94,.18);color:#34D399;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:800;}

/* Panels */
.k18d-panel{display:none;}.k18d-panel.on{display:block;}

/* Card */
.k18d-card{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:18px;margin-bottom:12px;}
.k18d-ch{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06);}
.k18d-ch h3,.k18d-ch h4{font-size:16px;font-weight:800;color:#EFFFF4;}
.k18d-eb{appearance:none;height:34px;padding:0 12px;border-radius:9px;border:1px solid rgba(34,197,94,.30);background:rgba(34,197,94,.07);color:#34D399;font-weight:700;font-size:12px;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background .12s;}
.k18d-eb:hover{background:rgba(34,197,94,.14);}

/* Profile grid */
.k18d-pg{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
@media(min-width:700px){.k18d-pg{grid-template-columns:repeat(3,1fr);}}
.k18d-pi{display:flex;flex-direction:column;gap:3px;}
.k18d-pl{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:rgba(239,255,244,.35);font-weight:700;}
.k18d-pv{font-size:13px;color:#EFFFF4;font-weight:600;}
.k18d-hl{color:#34D399!important;font-size:14px!important;font-weight:800!important;}

/* Edit grid */
.k18d-eg{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.k18d-ef{display:flex;flex-direction:column;gap:4px;}
.k18d-eff{grid-column:1/-1;}
.k18d-ef label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:rgba(239,255,244,.38);font-weight:700;}
.k18d-ef input,.k18d-ef select,.k18d-ef textarea{width:100%;height:44px;border-radius:9px;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.20);color:#EFFFF4;font-size:13px;font-family:inherit;font-weight:500;padding:0 10px;outline:none;appearance:none;transition:border-color .12s,box-shadow .12s;}
.k18d-ef input:focus,.k18d-ef select:focus,.k18d-ef textarea:focus{border-color:rgba(34,197,94,.48);box-shadow:0 0 0 2.5px rgba(34,197,94,.09);}
.k18d-ef select option{background:#0d1a10;}.k18d-ef textarea{height:auto;padding:8px 10px;resize:vertical;}
.k18d-ea{display:flex;gap:8px;}
.k18d-sb{flex:1;height:44px;border-radius:10px;background:linear-gradient(180deg,#22C55E,#16a34a);color:#052e08;font-weight:800;font-size:13px;font-family:inherit;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:filter .12s;}
.k18d-sb:hover{filter:brightness(1.06);}.k18d-sb:disabled{opacity:.6;cursor:not-allowed;}
.k18d-cb{height:44px;padding:0 16px;border-radius:10px;background:rgba(255,255,255,.04);color:rgba(239,255,244,.55);font-weight:700;font-size:13px;font-family:inherit;border:1px solid rgba(255,255,255,.09);cursor:pointer;}

/* Resume */
.k18d-rrow{display:flex;align-items:center;gap:12px;padding:12px 14px;background:rgba(34,197,94,.05);border:1px solid rgba(34,197,94,.18);border-radius:12px;margin-bottom:12px;}
.k18d-rn{font-size:13px;font-weight:700;color:#EFFFF4;}
.k18d-rs{font-size:12px;color:rgba(239,255,244,.45);}
.k18d-dlb{background:rgba(34,197,94,.09);border:1px solid rgba(34,197,94,.25);color:#34D399;font-weight:800;font-size:12px;padding:7px 13px;border-radius:9px;text-decoration:none;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;transition:background .12s;}
.k18d-dlb:hover{background:rgba(34,197,94,.16);}
.k18d-re{text-align:center;padding:22px;margin-bottom:12px;}
.k18d-re h4{font-size:14px;font-weight:800;color:rgba(239,255,244,.60);margin:8px 0 4px;}
.k18d-re p{font-size:12px;color:rgba(239,255,244,.35);}
.k18d-drop{position:relative;border:2px dashed rgba(255,255,255,.12);border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:all .15s;margin-bottom:10px;display:flex;flex-direction:column;align-items:center;gap:6px;}
.k18d-drop:hover{border-color:rgba(34,197,94,.40);background:rgba(34,197,94,.03);}
.k18d-drt{font-size:13px;color:rgba(239,255,244,.55);font-weight:600;}
.k18d-pb{height:5px;background:rgba(255,255,255,.07);border-radius:3px;overflow:hidden;}
.k18d-tips{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px;margin-top:12px;}
.k18d-tips strong{font-size:12px;font-weight:700;color:rgba(239,255,244,.55);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:8px;}
.k18d-tips ul{list-style:none;display:flex;flex-direction:column;gap:5px;}
.k18d-tips li{font-size:12px;color:rgba(239,255,244,.50);padding-left:14px;position:relative;}
.k18d-tips li::before{content:"✓";position:absolute;left:0;color:#34D399;font-size:11px;}

/* Panel heading */
.k18d-ph{margin-bottom:12px;}
.k18d-ph h3{font-size:16px;font-weight:800;color:#EFFFF4;margin-bottom:3px;}
.k18d-ph p{font-size:12px;color:rgba(239,255,244,.45);}

/* Filter bar */
.k18d-fb{display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding:10px 12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07);border-radius:12px;margin-bottom:10px;}
.k18d-fi{background:rgba(0,0,0,.20);border:1px solid rgba(255,255,255,.09);border-radius:9px;color:#EFFFF4;font-size:13px;font-family:inherit;padding:0 11px;height:40px;appearance:none;outline:none;transition:border-color .12s;}
.k18d-fi:focus{border-color:rgba(34,197,94,.45);}
.k18d-fi::placeholder{color:rgba(239,255,244,.25);}
.k18d-fw{flex:1;min-width:160px;}
.k18d-fs{background:rgba(0,0,0,.20);border:1px solid rgba(255,255,255,.09);border-radius:9px;color:#EFFFF4;font-size:13px;font-family:inherit;padding:0 11px;height:40px;appearance:none;outline:none;min-width:120px;}
.k18d-fs option{background:#0d1a10;}
.k18d-fbt{appearance:none;border-radius:9px;font-weight:800;font-size:13px;font-family:inherit;cursor:pointer;padding:0 14px;height:40px;background:linear-gradient(180deg,#22C55E,#16a34a);color:#052e08;border:none;display:inline-flex;align-items:center;gap:5px;}
.k18d-rbt{appearance:none;border-radius:9px;font-weight:700;font-size:13px;font-family:inherit;cursor:pointer;padding:0 12px;height:40px;background:rgba(255,255,255,.04);color:rgba(239,255,244,.55);border:1px solid rgba(255,255,255,.09);}
.k18d-rbt:hover{background:rgba(255,255,255,.09);}

/* Job cards (open positions) */
.k18d-jg{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:12px;}
@media(min-width:580px){.k18d-jg{grid-template-columns:repeat(2,1fr);}}
@media(min-width:900px){.k18d-jg{grid-template-columns:repeat(3,1fr);}}
.k18d-jc{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:8px;transition:border-color .15s,transform .15s;}
.k18d-jc:hover{border-color:rgba(34,197,94,.20);transform:translateY(-2px);}
.k18d-jc.hi{border-color:rgba(34,197,94,.28);background:linear-gradient(180deg,rgba(34,197,94,.05),rgba(34,197,94,.01));}
.k18d-jct{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;}
.k18d-jcn{font-size:14px;font-weight:800;color:#EFFFF4;line-height:1.2;}
.k18d-jctype{font-size:10px;font-weight:700;color:rgba(239,255,244,.45);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:999px;padding:2px 8px;flex-shrink:0;}
.k18d-jctitle{font-size:12px;color:rgba(239,255,244,.50);margin-top:1px;}
.k18d-tags{display:flex;flex-wrap:wrap;gap:5px;}
.k18d-tag{font-size:11px;color:rgba(239,255,244,.60);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:999px;padding:2px 8px;}
.k18d-jbot{border-top:1px solid rgba(255,255,255,.05);padding-top:8px;display:flex;align-items:center;justify-content:space-between;}
.k18d-jbudget{font-size:13px;font-weight:800;color:#34D399;}
.k18d-jurg{font-size:11px;color:rgba(239,255,244,.40);}
.k18d-vbadge-sm{font-size:10px;color:#34D399;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.22);border-radius:999px;padding:1px 6px;margin-left:4px;}

/* Talent cards */
.k18d-tg{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:12px;}
@media(min-width:480px){.k18d-tg{grid-template-columns:repeat(2,1fr);}}
@media(min-width:900px){.k18d-tg{grid-template-columns:repeat(3,1fr);}}
.k18d-tc{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:8px;transition:all .15s;}
.k18d-tc:hover{box-shadow:0 6px 28px rgba(34,197,94,.09);border-color:rgba(34,197,94,.18);transform:translateY(-2px);}
.k18d-tc.ulk{border-color:rgba(34,197,94,.28);background:linear-gradient(180deg,rgba(34,197,94,.05),rgba(34,197,94,.01));}
.k18d-tt{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;}
.k18d-ntag{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;padding:2px 8px;border-radius:999px;flex-shrink:0;}
.ns{background:rgba(59,130,246,.14);color:#93c5fd;border:1px solid rgba(59,130,246,.22);}
.no{background:rgba(251,191,36,.11);color:#fcd34d;border:1px solid rgba(251,191,36,.18);}
.nm{background:rgba(236,72,153,.11);color:#f9a8d4;border:1px solid rgba(236,72,153,.18);}
.nn{background:rgba(99,102,241,.11);color:#a5b4fc;border:1px solid rgba(99,102,241,.18);}
.k18d-ltag{font-size:10px;color:#34D399;background:rgba(34,197,94,.09);border:1px solid rgba(34,197,94,.22);border-radius:999px;padding:2px 7px;}
.k18d-tnm{font-size:15px;font-weight:800;color:#EFFFF4;line-height:1.2;margin-top:2px;}
.k18d-tnm.blr{filter:blur(5px);user-select:none;color:rgba(239,255,244,.30);}
.k18d-tds{font-size:12px;color:rgba(239,255,244,.42);}
.k18d-tbot{border-top:1px solid rgba(255,255,255,.05);padding-top:8px;display:flex;align-items:center;justify-content:space-between;}
.k18d-tctc{font-size:14px;font-weight:800;color:#34D399;}
.k18d-tnt{font-size:11px;color:rgba(239,255,244,.40);}
.k18d-tph{font-size:12px;font-weight:700;color:#34D399;}
.k18d-view-btn{appearance:none;width:100%;border-radius:10px;height:38px;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;border:1px solid rgba(34,197,94,.25);background:rgba(34,197,94,.06);color:#34D399;transition:background .12s;display:inline-flex;align-items:center;justify-content:center;gap:5px;}
.k18d-view-btn:hover{background:rgba(34,197,94,.13);}
.k18d-ulk-btn{appearance:none;width:100%;border-radius:10px;height:40px;font-size:12px;font-weight:800;font-family:inherit;cursor:pointer;border:1px solid rgba(34,197,94,.28);background:rgba(34,197,94,.07);color:#34D399;transition:background .12s;margin-top:2px;}
.k18d-ulk-btn:hover{background:rgba(34,197,94,.14);}.k18d-ulk-btn:active{transform:translateY(1px);}.k18d-ulk-btn:disabled{opacity:.45;cursor:not-allowed;}
.k18d-ulkd{display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;color:#34D399;font-weight:700;background:rgba(34,197,94,.07);border:1px solid rgba(34,197,94,.18);border-radius:9px;padding:7px;margin-top:2px;}

/* Recruiter hero */
.k18d-rd .k18d-in{max-width:1200px;}
.k18d-hero{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;background:linear-gradient(135deg,rgba(34,197,94,.09),rgba(34,197,94,.02));border:1px solid rgba(34,197,94,.16);border-radius:18px;padding:16px 20px;margin-bottom:12px;}
.k18d-hl2{display:flex;align-items:center;gap:12px;}
.k18d-logo{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(34,197,94,.28);flex-shrink:0;}
.k18d-logi{display:grid;place-items:center;background:rgba(34,197,94,.10);font-size:20px;font-weight:800;color:rgba(239,255,244,.35);}
.k18d-hr2{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.k18d-cpill{text-align:center;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.22);border-radius:14px;padding:10px 16px;min-width:110px;}
.k18d-cnum{font-size:26px;font-weight:900;color:#34D399;line-height:1;}
.k18d-clbl{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:rgba(239,255,244,.40);margin:2px 0 6px;}
.k18d-bln{border:1px solid rgba(34,197,94,.35);background:rgba(34,197,94,.09);color:#34D399;font-weight:800;font-size:12px;padding:4px 10px;border-radius:999px;text-decoration:none;display:inline-block;}
.k18d-bln:hover{background:rgba(34,197,94,.16);}
.k18d-vbadge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:800;color:#fff;background:#22C55E;border-radius:999px;padding:2px 7px;margin-left:6px;}

/* Jobs list */
.k18d-jlist{display:flex;flex-direction:column;gap:8px;}
.k18d-job-row{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.k18d-job-row.paused{opacity:.55;}
.k18d-jri{flex:1;min-width:0;}
.k18d-jr-title{font-size:14px;font-weight:800;color:#EFFFF4;margin-bottom:4px;}
.k18d-jr-meta{display:flex;flex-wrap:wrap;gap:5px;}
.k18d-jr-acts{display:flex;gap:6px;align-items:center;flex-shrink:0;}
.k18d-jr-btn{appearance:none;height:32px;padding:0 12px;border-radius:8px;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:rgba(239,255,244,.65);}
.k18d-jr-btn:hover{background:rgba(255,255,255,.09);color:#EFFFF4;}
.k18d-jr-del{border-color:rgba(255,93,122,.20);color:rgba(255,93,122,.70);}
.k18d-jr-del:hover{background:rgba(255,93,122,.09);color:#ff5d7a;}
.k18d-add-btn{appearance:none;height:34px;padding:0 14px;border-radius:9px;border:1px solid rgba(34,197,94,.28);background:rgba(34,197,94,.08);color:#34D399;font-weight:800;font-size:12px;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:5px;}
.k18d-jnote{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(239,255,244,.50);background:rgba(251,191,36,.06);border:1px solid rgba(251,191,36,.16);border-radius:9px;padding:8px 12px;margin-bottom:10px;}

/* Account */
.k18d-acct{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start;}
.k18d-acct-logo{display:flex;flex-direction:column;align-items:center;gap:6px;width:100px;}

/* Buy Credits */
.k18d-balpill{display:inline-block;background:rgba(34,197,94,.07);border:1px solid rgba(34,197,94,.22);color:#34D399;padding:5px 16px;border-radius:999px;font-size:13px;font-weight:700;margin-bottom:8px;}
.k18d-pkgs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;}
@media(min-width:700px){.k18d-pkgs{grid-template-columns:repeat(4,1fr);}}
.k18d-pkg{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:20px 14px;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .15s;}
.k18d-pkg:hover{border-color:rgba(34,197,94,.28);box-shadow:0 8px 32px rgba(34,197,94,.10);transform:translateY(-2px);}
.k18d-pkg-pop{border-color:rgba(34,197,94,.28);background:linear-gradient(180deg,rgba(34,197,94,.07),rgba(34,197,94,.01));}
.k18d-pkg-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:#22C55E;color:#052e08;font-size:10px;font-weight:900;padding:2px 10px;border-radius:999px;white-space:nowrap;}
.k18d-pkg-nm{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:rgba(239,255,244,.38);}
.k18d-pkg-cr{font-size:36px;font-weight:900;color:#34D399;line-height:1;}
.k18d-pkg-cr span{font-size:12px;color:rgba(239,255,244,.38);font-weight:500;}
.k18d-pkg-pr{font-size:18px;font-weight:800;color:#EFFFF4;}
.k18d-pkg-pp{font-size:11px;color:rgba(239,255,244,.38);}
.k18d-buy-btn{appearance:none;width:100%;margin-top:4px;border-radius:10px;height:42px;font-size:13px;font-weight:800;font-family:inherit;cursor:pointer;border:none;background:linear-gradient(180deg,#22C55E,#16a34a);color:#052e08;}
.k18d-buy-btn:hover{filter:brightness(1.06);}
.k18d-paynote{display:flex;align-items:flex-start;gap:8px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px 14px;font-size:13px;color:rgba(239,255,244,.55);line-height:1.5;}
.k18d-ok{padding:10px 14px;border-radius:10px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.22);color:#34D399;font-size:13px;}
.k18d-err{padding:10px 14px;border-radius:10px;background:rgba(255,93,122,.08);border:1px solid rgba(255,93,122,.20);color:#ff5d7a;font-size:13px;}

/* Pager */
.k18d-pager{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:8px 0 16px;}
.k18d-pg{appearance:none;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03);color:rgba(239,255,244,.60);cursor:pointer;font-size:12px;font-weight:700;font-family:inherit;transition:all .12s;}
.k18d-pg:hover,.k18d-pg.on{background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.35);color:#34D399;}

/* Loading / Empty */
.k18d-ld{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px 20px;color:rgba(239,255,244,.30);grid-column:1/-1;font-size:14px;}
.k18d-emp{text-align:center;padding:40px 20px;color:rgba(239,255,244,.35);grid-column:1/-1;font-size:13px;}

/* Responsive */
@media(max-width:640px){
  .k18f-h1{font-size:26px;}.k18f-wrap{padding:28px 12px 48px;}
  .k18f-card{border-radius:16px;}.k18f-cin{padding:14px;border-radius:16px;}
  .k18f-g{grid-template-columns:1fr;}
  .k18d-wrap{padding:12px;}.k18d-tabs{gap:2px;padding:3px;}
  .k18d-tab{padding:7px 10px;font-size:11px;}
  .k18d-pg{grid-template-columns:1fr 1fr;}
  .k18d-eg{grid-template-columns:1fr;}.k18d-pkgs{grid-template-columns:repeat(2,1fr);}
}