:root{
      --bg:#060912;--panel:#0e1524;--panel2:#131d2e;--line:#1e2e47;
      --text:#eef4ff;--muted:#7a8fb0;--accent:#a78bfa;--accent2:#38bdf8;
      --accent3:#f472b6;--good:#34d399;--warn:#fbbf24;--danger:#fb7185;
      --r:16px;--shadow:0 16px 48px rgba(0,0,0,.45);
      --glow-purple:0 0 20px rgba(167,139,250,.25);
      --glow-blue:0 0 20px rgba(56,189,248,.2);
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{
      min-height:100vh;
      font-family:'Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      color:var(--text);
      background:#060912;
      background-image:
        radial-gradient(ellipse 900px 420px at 12% 0%,rgba(139,92,246,.11),transparent 65%),
        radial-gradient(ellipse 720px 520px at 92% 8%,rgba(56,189,248,.08),transparent 68%),
        radial-gradient(ellipse 680px 520px at 50% 105%,rgba(244,114,182,.05),transparent 70%),
        linear-gradient(180deg,#060912 0%,#08101f 48%,#050812 100%);
      overflow-x:hidden;
    }
    body::before{
      content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
      background:
        linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
      background-size:80px 80px;
      mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 72%);
      opacity:.35;
    }

    /* ─── PREMIUM SPACE BACKGROUND ─── */
    .space-scene{
      position:fixed;
      inset:0;
      z-index:0;
      pointer-events:none;
      overflow:hidden;
      opacity:1;
      transform:translateZ(0);
    }

    .space-scene::before{
      content:"";
      position:absolute;
      inset:-20%;
      background:
        radial-gradient(ellipse at 18% 18%,rgba(167,139,250,.12),transparent 32%),
        radial-gradient(ellipse at 78% 22%,rgba(56,189,248,.10),transparent 36%),
        radial-gradient(ellipse at 52% 88%,rgba(244,114,182,.06),transparent 40%);
      animation:nebulaDrift 22s ease-in-out infinite alternate;
    }

    .space-scene::after{
      content:"";
      position:absolute;
      inset:0;
      background-image:
        radial-gradient(circle,rgba(255,255,255,.55) 1px,transparent 1.5px),
        radial-gradient(circle,rgba(125,211,252,.35) 1px,transparent 1.7px);
      background-size:120px 120px,190px 190px;
      background-position:0 0,48px 76px;
      opacity:.28;
      animation:starFieldMove 90s linear infinite;
    }

    .constellation{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      z-index:1;
      opacity:.42;
      animation:constMove 16s ease-in-out infinite alternate;
    }

    .const-lines{
      transform-box:fill-box;
      transform-origin:center;
    }

    .lines-a{transform:translate(-250px,-80px) scale(.38)}
    .lines-b{transform:translate(320px,-80px) scale(.38)}
    .lines-c{transform:translate(-280px,220px) scale(.36)}

    .const-lines line{
      stroke:rgba(255,255,255,.18);
      stroke-width:1;
      filter:drop-shadow(0 0 6px rgba(125,211,252,.34));
      animation:constGlow 4.8s ease-in-out infinite;
    }

    .lines-b line{animation-delay:1.2s}
    .lines-c line{animation-delay:2.1s}

    .star{
      position:absolute;
      z-index:2;
      border-radius:999px;
      background:#fff;
      width:2px;
      height:2px;
      opacity:.72;
      box-shadow:
        0 0 10px rgba(255,255,255,.9),
        0 0 22px rgba(125,211,252,.48),
        0 0 38px rgba(167,139,250,.25);
      will-change:transform,opacity,filter;
      animation:starPulse 2.8s ease-in-out infinite;
    }

    .star.big{
      width:3px;
      height:3px;
      box-shadow:
        0 0 13px rgba(255,255,255,1),
        0 0 28px rgba(125,211,252,.62),
        0 0 48px rgba(167,139,250,.35);
    }

    .star.tiny{
      width:1.4px;
      height:1.4px;
      opacity:.52;
    }

    .s1{left:6%;top:13%;animation-delay:.1s}.s2{left:15%;top:37%;animation-delay:1.4s}
    .s3{left:25%;top:11%;animation-delay:2.1s}.s4{left:34%;top:63%;animation-delay:.8s}
    .s5{left:46%;top:21%;animation-delay:3.2s}.s6{left:58%;top:47%;animation-delay:1.9s}
    .s7{left:67%;top:12%;animation-delay:.5s}.s8{left:76%;top:35%;animation-delay:2.8s}
    .s9{left:89%;top:17%;animation-delay:1.1s}.s10{left:91%;top:69%;animation-delay:3.8s}
    .s11{left:13%;top:73%;animation-delay:2.6s}.s12{left:40%;top:82%;animation-delay:4.2s}
    .s13{left:72%;top:77%;animation-delay:1.6s}.s14{left:84%;top:54%;animation-delay:.3s}
    .s15{left:22%;top:52%;animation-delay:2.9s}.s16{left:52%;top:68%;animation-delay:1.7s}
    .s17{left:63%;top:28%;animation-delay:.9s}.s18{left:31%;top:31%;animation-delay:3.6s}
    .s19{left:8%;top:48%;animation-delay:2.4s}.s20{left:94%;top:42%;animation-delay:1.3s}

    .shooting-star{
      position:absolute;
      z-index:3;
      left:-260px;
      top:18%;
      width:230px;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg,transparent,rgba(255,255,255,.98),rgba(125,211,252,.75),transparent);
      filter:drop-shadow(0 0 12px rgba(125,211,252,.9));
      transform:rotate(-18deg);
      opacity:0;
      will-change:transform,opacity;
      animation:shootingStarFast 5.6s cubic-bezier(.08,.72,.16,1) infinite;
      animation-delay:.8s;
    }

    .shooting-star.second{
      top:50%;
      width:190px;
      animation-duration:7.4s;
      animation-delay:3.4s;
    }

    .shooting-star.third{
      top:32%;
      width:160px;
      animation-duration:8.6s;
      animation-delay:5.6s;
    }

    @keyframes starPulse{
      0%,100%{opacity:.42;filter:brightness(.95);transform:scale(.92)}
      45%{opacity:1;filter:brightness(1.6);transform:scale(1.32)}
      70%{opacity:.68;filter:brightness(1.1);transform:scale(1)}
    }

    @keyframes nebulaDrift{
      0%{transform:translate3d(-1.5%,-1%,0) scale(1)}
      100%{transform:translate3d(1.5%,1%,0) scale(1.04)}
    }

    @keyframes starFieldMove{
      from{background-position:0 0,48px 76px}
      to{background-position:240px 240px,288px 316px}
    }

    @keyframes constMove{
      0%{transform:translate3d(0,0,0)}
      100%{transform:translate3d(28px,-18px,0)}
    }

    @keyframes constGlow{
      0%,100%{opacity:.16}
      50%{opacity:.55}
    }

    @keyframes shootingStarFast{
      0%,64%{opacity:0;transform:translate3d(0,0,0) rotate(-18deg) scaleX(.65)}
      66%{opacity:1}
      72%{opacity:.95}
      82%{opacity:0;transform:translate3d(155vw,42vh,0) rotate(-18deg) scaleX(1.18)}
      100%{opacity:0}
    }

    @media (prefers-reduced-motion: reduce){
  .star,
  .shooting-star,
  .space-scene::before,
  .space-scene::after,
  .const-lines line,
  .constellation,
  .quick-ico{
    animation:none!important;
  }
}

    /* ─── HEADER ─── */
    .site-header{
      height:68px;border-bottom:1px solid rgba(255,255,255,.07);
      background:rgba(6,9,18,.90);backdrop-filter:blur(20px);
      position:sticky;top:0;z-index:50;
    }
    .nav{max-width:1260px;margin:0 auto;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}
    .brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px;letter-spacing:-1px;color:#fff;text-decoration:none}
    .brand-mark{
      width:40px;height:40px;border-radius:14px;display:grid;place-items:center;font-size:20px;
      background:linear-gradient(135deg,#7c3aed,#0ea5e9);
      box-shadow:0 6px 20px rgba(124,58,237,.4);
    }
    .brand-name{display:flex;flex-direction:column;line-height:1}
    .brand-name span{font-size:18px;font-weight:900;letter-spacing:-0.5px;
      background:linear-gradient(90deg,#a78bfa,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .brand-name small{font-size:10px;color:var(--muted);font-weight:700;margin-top:2px;-webkit-text-fill-color:var(--muted)}
    .menu{display:flex;align-items:center;gap:4px}
    .menu a{
      color:#9db3d4;text-decoration:none;font-weight:700;font-size:14px;
      padding:9px 14px;border-radius:12px;white-space:nowrap;transition:.15s;position:relative;
      outline:none;-webkit-tap-highlight-color:transparent;
    }
    .menu a:hover{background:transparent;color:#fff}
    .menu a:focus,.menu a:active{outline:none;background:transparent;box-shadow:none}
    .menu a.active{
  background:transparent;
  color:#c4b5fd;
  box-shadow:none;
}

    .site-header{box-shadow:0 10px 34px rgba(0,0,0,.22)}
    .menu a::before{
      content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:999px;
      background:linear-gradient(90deg,var(--accent),var(--accent2));opacity:0;transform:scaleX(.25);transition:.18s;
    }
    .menu a:hover::before,.menu a.active::before{opacity:1;transform:scaleX(1)}

    /* ─── LAYOUT ─── */
    .page{max-width:1260px;margin:0 auto;padding:14px 20px 18px;position:relative;z-index:1}
    .view{display:none}.view.active{display:block}

    /* ─── CARD ─── */
    .card{
      background:linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
      border:1px solid rgba(255,255,255,.105);
      border-radius:var(--r);box-shadow:0 18px 54px rgba(0,0,0,.34);
      backdrop-filter:blur(10px);
    }
    .card:hover{border-color:rgba(167,139,250,.18)}

    /* ─── HERO ─── */
    .hero{
      min-height:248px;border-radius:26px;overflow:hidden;
      border:1px solid rgba(255,255,255,.14);
      background:
        radial-gradient(circle at 82% 42%,rgba(167,139,250,.22),transparent 34%),
        radial-gradient(circle at 18% 78%,rgba(56,189,248,.15),transparent 32%),
        linear-gradient(125deg,#0b1c2d 0%,#17133f 48%,#081d33 100%);
      box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 90px rgba(56,189,248,.08);
      display:flex;align-items:center;justify-content:space-between;
      padding:30px 46px;margin-bottom:12px;position:relative;overflow:hidden;
    }
    .hero::before{
      content:"";position:absolute;inset:0;
      background:
        linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),
        linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
        radial-gradient(ellipse 60% 80% at 90% 50%,rgba(167,139,250,.13),transparent),
        radial-gradient(ellipse 40% 60% at 10% 80%,rgba(52,211,153,.10),transparent);
      background-size:72px 72px,72px 72px,auto,auto;
      opacity:.65;
      mask-image:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.25));
    }
    .hero::after{
  display:none;
}
    @keyframes slowSpin{to{transform:rotate(360deg)}}
    .hero-text{position:relative;z-index:1}
    .hero-badge{
      display:inline-flex;align-items:center;gap:6px;
      padding:5px 12px;border-radius:999px;margin-bottom:12px;
      background:rgba(52,211,153,.15);border:1px solid rgba(52,211,153,.3);
      font-size:12px;font-weight:700;color:#6ee7b7;
    }
    .hero-badge::before{content:"✦";font-size:10px}
    .hero-text h1{margin:0 0 10px;font-size:38px;line-height:1.15;letter-spacing:-1.5px;font-weight:900}
    .hero-text h1 .hl{
      background:linear-gradient(90deg,#86efac,#38bdf8);
      -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
    }
    .hero-text p{color:#b0c4de;font-weight:500;font-size:14px;line-height:1.6;max-width:480px}
    .hero-actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}
    .btn{
      border:0;border-radius:12px;padding:11px 18px;font-weight:700;color:#fff;
      cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;
      justify-content:center;gap:7px;font-size:14px;transition:.15s;
    }
    .btn:hover{transform:translateY(-1px);filter:brightness(1.1)}
    .primary{background:linear-gradient(135deg,#7c3aed,#0ea5e9);box-shadow:0 6px 20px rgba(124,58,237,.35)}
    .secondary{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15)!important}
.mascot{
  position:relative;
  z-index:1;
  width:160px;
  height:160px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.9),rgba(199,233,255,.6));
  display:grid;
  place-items:center;
  font-size:72px;
  box-shadow:
    inset 0 0 0 8px rgba(255,255,255,.2),
    0 20px 50px rgba(0,0,0,.3),
    0 0 60px rgba(167,139,250,.2);
  transform-origin:center center;
  animation:mapleMotion 3.5s ease-in-out infinite !important;
  will-change:transform,filter;
}

@keyframes mapleMotion{
  0%{
    transform:translateY(0) rotate(0deg) scale(1);
    filter:brightness(1);
  }
  25%{
    transform:translateY(-12px) rotate(4deg) scale(1.03);
    filter:brightness(1.12);
  }
  50%{
    transform:translateY(0) rotate(0deg) scale(1);
    filter:brightness(1.04);
  }
  75%{
    transform:translateY(8px) rotate(-4deg) scale(.98);
    filter:brightness(1);
  }
  100%{
    transform:translateY(0) rotate(0deg) scale(1);
    filter:brightness(1);
  }
}

    /* ─── QUICK GRID ─── */
    .quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 10px}
    .quick-card{padding:17px 18px;cursor:pointer;transition:.18s;position:relative;overflow:hidden}
    .quick-card::before{content:"";position:absolute;inset:0;opacity:0;transition:.18s;background:linear-gradient(135deg,rgba(167,139,250,.08),rgba(56,189,248,.06))}
    .quick-card:hover{transform:translateY(-3px);border-color:rgba(167,139,250,.4)}
    .quick-card:hover::before{opacity:1}
    .quick-ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:22px;margin-bottom:12px;position:relative;z-index:1;animation:softFloat 4.5s ease-in-out infinite}
    .quick-card:nth-child(2) .quick-ico{animation-delay:.35s}.quick-card:nth-child(3) .quick-ico{animation-delay:.7s}.quick-card:nth-child(4) .quick-ico{animation-delay:1.05s}
    @keyframes softFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
    .ico-boss{background:linear-gradient(135deg,rgba(251,191,36,.2),rgba(251,191,36,.08));box-shadow:0 4px 16px rgba(251,191,36,.15)}
    .ico-report{background:linear-gradient(135deg,rgba(251,113,133,.2),rgba(251,113,133,.08));box-shadow:0 4px 16px rgba(251,113,133,.15)}
    .ico-board{background:linear-gradient(135deg,rgba(56,189,248,.2),rgba(56,189,248,.08));box-shadow:0 4px 16px rgba(56,189,248,.15)}
    .ico-contact{background:linear-gradient(135deg,rgba(52,211,153,.2),rgba(52,211,153,.08));box-shadow:0 4px 16px rgba(52,211,153,.15)}
    .quick-card h3{margin:0 0 7px;font-size:17px;font-weight:900;position:relative;z-index:1}
    .quick-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55;position:relative;z-index:1}

    /* ─── HOME GRID ─── */
    .home-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:12px;
      margin-bottom:0;
	  margin-top: 20px;
    }
    .panel{padding:18px}
    .panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
    .panel-head h2{margin:0;font-size:16px;font-weight:900;display:flex;align-items:center;gap:8px}
    .pill{display:inline-flex;padding:5px 10px;border-radius:999px;background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.22);font-size:11px;font-weight:700;color:#7dd3fc}
    .pill.purple{background:rgba(167,139,250,.1);border-color:rgba(167,139,250,.25);color:#c4b5fd}
    .pill.green{background:rgba(52,211,153,.1);border-color:rgba(52,211,153,.25);color:#6ee7b7}
    .pill.red{background:rgba(251,113,133,.1);border-color:rgba(251,113,133,.25);color:#fca5a5}
    .list{display:grid;gap:8px}
    .list-row{
      display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:12px;
      padding:8px 13px;border:1px solid rgba(255,255,255,.06);
      background:rgba(255,255,255,.035);
      border-radius:12px;transition:.15s;min-height:34px;
    }
    .list-row[data-go]{cursor:pointer}
    .list-row:hover{background:rgba(167,139,250,.07);border-color:rgba(167,139,250,.22);transform:translateY(-1px)}
    .list-row b{font-size:13px;font-weight:750;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .row-title{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}
    .row-title b{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .row-tag{flex:0 0 auto;display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:900;font-style:normal;letter-spacing:-.2px;border:1px solid rgba(167,139,250,.28);background:rgba(167,139,250,.13);color:#c4b5fd}
    .row-tag.update{border-color:rgba(56,189,248,.28);background:rgba(56,189,248,.12);color:#7dd3fc}
    .list-row::after{content:"›";justify-self:end;color:rgba(167,139,250,.65);font-weight:900;opacity:.45;transform:translateX(-4px);transition:.15s}
    .list-row:hover::after{opacity:1;transform:translateX(0)}
    .list-row span{color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap;justify-self:end}

    /* ─── PAGE TITLE ─── */
    .page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:4px 0 18px}
    .page-title h1{margin:0;font-size:28px;letter-spacing:-.8px;font-weight:900;background:linear-gradient(90deg,#e0e7ff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .page-title p{margin:6px 0 0;color:var(--muted);font-size:13px}

    /* ─── BOSS CALCULATOR ─── */
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    .field{margin-bottom:12px}
    label{display:block;color:#a0b4d4;font-size:11px;font-weight:700;margin-bottom:7px;text-transform:uppercase;letter-spacing:.5px}
    .input-wrap{display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.3);border-radius:11px;padding:2px 10px;transition:.15s}
    .input-wrap:focus-within{border-color:rgba(167,139,250,.6);box-shadow:0 0 0 3px rgba(167,139,250,.1)}
    input:not([type=checkbox]):not([type=datetime-local]),textarea{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:14px;font-weight:700;padding:9px 0;font-family:inherit}
    input[type=datetime-local]{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:14px;font-weight:700;padding:9px 0;font-family:inherit;color-scheme:dark}
    textarea{min-height:100px;resize:vertical;line-height:1.6}
    .unit{font-size:12px;color:var(--muted);font-weight:700;white-space:nowrap}
    .muted{color:var(--muted)}

    /* ─── BOSS LAYOUT ─── */
    .layout{display:grid;grid-template-columns:290px minmax(0,1fr) 370px;gap:12px;align-items:stretch}
    .side{display:contents}
    .settings,.result,.items-box{padding:14px}
    .settings{grid-column:1;grid-row:1}
    .items-box{grid-column:2;grid-row:1}
    .result{grid-column:3;grid-row:1}
    .settings h2,.items-box h2,.result h2{margin:0 0 12px;font-size:15px;font-weight:900;display:flex;align-items:center;gap:8px}
    .settings h2::before{content:"⚙️";font-size:14px}
    .items-box h2::before{content:"📦";font-size:14px}
    .result h2::before{content:"💎";font-size:14px}

    /* buttons */
    .btn-grid{display:grid;gap:6px}
    .boss-grid{grid-template-columns:repeat(2,1fr)}
    .round-grid{grid-template-columns:repeat(2,1fr)}
    .phase-grid{grid-template-columns:repeat(3,1fr)}
    .party-grid{grid-template-columns:repeat(6,1fr)}
    .choice,.party-btn{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#9db3d4;border-radius:10px;padding:8px 5px;cursor:pointer;font-weight:700;font-size:12px;transition:.15s;font-family:inherit}
    .party-btn{font-size:11px;padding:8px 2px}
    .choice:hover,.party-btn:hover{background:rgba(167,139,250,.1);color:#e0d4ff;border-color:rgba(167,139,250,.3)}
    .choice.active,.party-btn.active{color:white;background:linear-gradient(135deg,rgba(124,58,237,.9),rgba(14,165,233,.7));border-color:transparent;box-shadow:0 4px 14px rgba(124,58,237,.35)}
    .copy-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}

    .fund-check{display:flex;align-items:center;gap:8px;margin-top:7px;color:#c4b5fd;font-size:12px;font-weight:900;cursor:pointer;user-select:none}
    .fund-check input{width:16px;height:16px;accent-color:#a78bfa;cursor:pointer}
    .copy-btn,.capture-btn,.add{border:0;border-radius:12px;height:40px;padding:0 10px;color:white;font-weight:900;cursor:pointer;font-size:14px;transition:.15s;font-family:inherit;letter-spacing:-.2px;box-shadow:0 8px 22px rgba(0,0,0,.24)}
    .copy-btn,.add{background:linear-gradient(135deg,#7c3aed,#0ea5e9)}
    .capture-btn{background:linear-gradient(135deg,#f59e0b,#f472b6);border:1px solid rgba(255,255,255,.16)}
    .copy-btn:hover,.capture-btn:hover,.add:hover{filter:brightness(1.16);transform:translateY(-1px);box-shadow:0 12px 30px rgba(0,0,0,.32)}
    .copy-btn:active,.capture-btn:active,.add:active{transform:translateY(0) scale(.99)}

    /* ─── ITEM TABLE ─── */
    .items-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}
    .items-head p{margin:4px 0 0;color:var(--muted);font-size:12px}
    .add{
  height:40px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  white-space:nowrap;
  flex-wrap:nowrap;
  min-width:125px;
  line-height:1;
}

.add *{
  white-space:nowrap;
}
    .item-table{border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:visible;background:rgba(0,0,0,.2)}
    .item-row{display:grid;grid-template-columns:minmax(160px,1fr) 120px 110px 48px 36px;gap:6px;align-items:center;min-height:40px;padding:5px 10px 5px 10px;border-bottom:1px solid rgba(255,255,255,.06)}
    .item-row:last-child{border-bottom:0}
    .item-row.header{min-height:32px;background:rgba(255,255,255,.04);border-radius:13px 13px 0 0;font-size:11px;font-weight:700;color:#7a8fb0;text-transform:uppercase;letter-spacing:.4px}
    .mini{height:30px;border:1px solid rgba(255,255,255,.1)!important;background:rgba(0,0,0,.35)!important;border-radius:8px!important;padding:4px 8px!important;font-size:12px!important;color:var(--text)!important;font-family:inherit!important;font-weight:700!important;width:100%!important;outline:none!important;transition:.15s!important}
    .mini:focus{border-color:rgba(167,139,250,.5)!important;box-shadow:0 0 0 2px rgba(167,139,250,.1)!important}
    .trade-select{height:30px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.35);border-radius:8px;padding:0 7px;font-size:12px;color:var(--text);font-family:inherit;font-weight:800;outline:none;width:100%;cursor:pointer}
    .trade-select:focus{border-color:rgba(167,139,250,.5);box-shadow:0 0 0 2px rgba(167,139,250,.1)}
    .scissor{height:30px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px}
    .scissor input{width:16px;height:16px;accent-color:#a78bfa;cursor:pointer}
    .sc-cost{text-align:right;font-size:11px;font-weight:700;color:var(--danger)}
    .remove{width:28px;height:28px;border-radius:8px;border:1px solid rgba(251,113,133,.3);background:rgba(251,113,133,.1);color:#fca5a5;font-weight:900;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:.15s;flex-shrink:0}
    .remove:hover{background:rgba(251,113,133,.25);border-color:rgba(251,113,133,.5)}
    .totals{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;color:var(--muted);font-size:12px;font-weight:700}
    .totals strong{color:var(--text)}
    .tag{display:inline-flex;margin-bottom:10px;padding:6px 12px;border-radius:999px;background:linear-gradient(90deg,rgba(167,139,250,.15),rgba(56,189,248,.1));border:1px solid rgba(167,139,250,.25);font-size:12px;font-weight:700;color:#c4b5fd}

    /* ─── RESULT PANEL ─── */
    .summary{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:10px}
    .metric{padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);position:relative;overflow:hidden}
    .metric::before{content:"";position:absolute;right:-20px;top:-20px;width:80px;height:80px;border-radius:50%;opacity:.15}
    .metric span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
    .metric strong{font-size:19px;letter-spacing:-.4px;font-weight:900}
    .metric.before{background:linear-gradient(135deg,rgba(251,191,36,.1),transparent);border-color:rgba(251,191,36,.2)}
    .metric.before::before{background:rgba(251,191,36,1)}
    .metric.before strong{color:#fde68a}
    .metric.fee{background:linear-gradient(135deg,rgba(251,113,133,.12),transparent);border-color:rgba(251,113,133,.2)}
    .metric.fee::before{background:rgba(251,113,133,1)}
    .metric.fee strong{color:#fca5a5}
    .metric.good{background:linear-gradient(135deg,rgba(52,211,153,.18),rgba(56,189,248,.08));border-color:rgba(52,211,153,.3)}
    .metric.good::before{background:rgba(52,211,153,1)}
    .metric.good strong{color:#6ee7b7;font-size:22px}
    .payout-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 0 10px}
    .payout-title b{font-size:13px;font-weight:900}
    .payout-title span{font-size:11px;color:var(--muted)}
    .table{border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;background:rgba(0,0,0,.2)}
    .tr{display:grid;grid-template-columns:1.1fr 1fr;gap:6px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px}
    .tr:last-child{border-bottom:0}
    .th{background:rgba(255,255,255,.04);font-weight:700;color:#9db3d4;font-size:11px;text-transform:uppercase;letter-spacing:.4px}
    .td-label{color:var(--muted)}
    .td-value{text-align:right;font-weight:700}
    .minus{color:var(--danger)}.plus{color:var(--good)}.warn{color:var(--warn)}
    .notice{margin:10px 0 0;color:var(--muted);font-size:11px;line-height:1.55}
    .highlight-row{background:rgba(167,139,250,.06)}

    /* ─── CAPTURE PANEL ─── */
    .capture-panel{margin-top:8px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(0,0,0,.2);padding:12px}
    .capture-panel h3{margin:0 0 10px;font-size:13px;color:#dbeafe;font-weight:900;display:flex;align-items:center;gap:6px}
    .capture-panel h3::before{content:"💳"}
    .fee-mini{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
    .fee-mini div{padding:9px 5px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);text-align:center;transition:.15s}
    .fee-mini div:hover{background:rgba(167,139,250,.1);border-color:rgba(167,139,250,.25)}
    .fee-mini span{display:block;color:var(--muted);font-size:10px;font-weight:700}
    .fee-mini strong{display:block;margin-top:3px;color:#fbbf24;font-size:11px;font-weight:900}
    .proof-note{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
    .proof-note div{border:1px solid rgba(56,189,248,.15);background:rgba(56,189,248,.06);border-radius:12px;padding:11px;color:#b0d4f0;font-size:12px;line-height:1.5;font-weight:500}
    .proof-note b{color:#7dd3fc;font-weight:900}

    /* ─── REPORT PAGE ─── */
    .report-layout,.board-layout{display:grid;grid-template-columns:400px 1fr;gap:14px}
    .report-list,.post-list{display:grid;gap:10px}
    .section-card{padding:18px}
    .section-title{display:flex;align-items:center;gap:9px;margin-bottom:16px}
    .section-title h2{font-size:17px;font-weight:900;margin:0}
    .section-title .ico{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:18px;background:linear-gradient(135deg,rgba(251,113,133,.25),rgba(251,113,133,.1))}
    .section-title .ico.blue{background:linear-gradient(135deg,rgba(56,189,248,.25),rgba(56,189,248,.1))}
    .section-title .ico.green{background:linear-gradient(135deg,rgba(52,211,153,.25),rgba(52,211,153,.1))}
    .section-title .ico.purple{background:linear-gradient(135deg,rgba(167,139,250,.25),rgba(167,139,250,.1))}
    .report-card,.post-card{padding:15px;border-radius:14px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.07);transition:.15s}
    .report-card:hover,.post-card:hover{border-color:rgba(167,139,250,.25);background:rgba(255,255,255,.03)}
    .report-top,.post-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
    .nick-badge{display:flex;align-items:center;gap:8px}
    .nick-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:14px;font-weight:900;color:white;flex-shrink:0}
    .nick-avatar.red{background:linear-gradient(135deg,#dc2626,#9f1239)}
    .nick-avatar.blue{background:linear-gradient(135deg,#2563eb,#0284c7)}
    .nick-avatar.purple{background:linear-gradient(135deg,#7c3aed,#4f46e5)}
    .nick-avatar.green{background:linear-gradient(135deg,#059669,#0891b2)}
    .report-top b,.post-top b{font-size:15px;font-weight:900}
    .amount-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:rgba(251,113,133,.15);border:1px solid rgba(251,113,133,.25);color:#fca5a5;font-size:12px;font-weight:900}
    .amount-badge::before{content:"💸";font-size:11px}
    .content{color:#c8d8ef;font-size:13px;line-height:1.65;white-space:pre-wrap;font-weight:500}
    .meta{color:var(--muted);font-size:11px;font-weight:700;margin-top:8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
    .meta span{display:flex;align-items:center;gap:4px}

    /* ─── CAPTCHA ─── */
    .captcha-box{
      padding:12px 14px;border-radius:12px;
      background:rgba(251,191,36,.06);border:1px solid rgba(251,191,36,.2);
      margin-bottom:12px;
    }
    .captcha-box label{color:#fde68a;margin-bottom:8px}
    .captcha-question{
      display:flex;align-items:center;gap:10px;
    }
    .captcha-question span{
      font-size:16px;font-weight:900;color:#fbbf24;
      background:rgba(0,0,0,.3);padding:6px 14px;border-radius:8px;
      white-space:nowrap;
    }
    .captcha-question .input-wrap{flex:1;margin:0}
    .captcha-error{color:#fb7185;font-size:11px;font-weight:700;margin-top:6px;display:none}
    .captcha-error.show{display:block}

    /* ─── COMMENTS ─── */
    .comment-box{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}
    .comments{display:grid;gap:6px;margin-bottom:10px}
    .comment{padding:9px 11px;background:rgba(255,255,255,.04);border-radius:10px;color:#c8d8ef;font-size:12px;border:1px solid rgba(255,255,255,.06);display:flex;align-items:flex-start;gap:8px}
    .comment-nick{color:#a78bfa;font-weight:900;white-space:nowrap;min-width:fit-content}
    .comment-text{flex:1;font-weight:500;line-height:1.5}
    .comment-time{color:var(--muted);font-size:10px;white-space:nowrap;margin-top:2px}
    .inline-form{display:grid;grid-template-columns:120px 1fr 78px;gap:7px}
    .small-input{height:36px;border:1px solid rgba(255,255,255,.1)!important;background:rgba(0,0,0,.35)!important;border-radius:10px!important;padding:6px 10px!important;font-size:12px!important;color:var(--text)!important;font-family:inherit!important;font-weight:700!important;outline:none!important;width:100%;transition:.15s!important}
    .small-input:focus{border-color:rgba(167,139,250,.5)!important;box-shadow:0 0 0 2px rgba(167,139,250,.1)!important}
    .small-btn{border:0;border-radius:10px;background:linear-gradient(135deg,rgba(167,139,250,.4),rgba(56,189,248,.3));color:#e0e7ff;font-weight:700;cursor:pointer;font-size:12px;font-family:inherit;transition:.15s}
    .small-btn:hover{background:linear-gradient(135deg,rgba(167,139,250,.6),rgba(56,189,248,.5))}

    /* ─── DELETE BTN ─── */
    .delete-btn{
      border:1px solid rgba(251,113,133,.25);background:rgba(251,113,133,.08);
      color:#fca5a5;border-radius:8px;padding:4px 10px;
      font-size:11px;font-weight:700;cursor:pointer;font-family:inherit;transition:.15s;
    }
    .delete-btn:hover{background:rgba(251,113,133,.2);border-color:rgba(251,113,133,.4)}

    /* ─── CONTACT ─── */
    .contact-box{text-align:center;padding:50px 30px}
    .contact-icon{font-size:60px;margin-bottom:16px;display:block;animation:float 3s ease-in-out infinite}
    .contact-box h2{margin:0 0 12px;font-size:28px;font-weight:900;background:linear-gradient(90deg,#a78bfa,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .contact-box p{margin:0 auto 22px;color:var(--muted);line-height:1.65;max-width:520px;font-size:14px}

    /* ─── DIVIDER ─── */
    .divider{height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.3),transparent);margin:14px 0}

    /* ─── HOME SLIDER ─── */
    .compact-panel{padding:14px 18px 14px}
    .slider-list{position:relative;height:118px;overflow:hidden;display:block}
    .slide-row{position:absolute;left:0;right:0;opacity:0;transform:translateY(18px);transition:opacity .48s ease, transform .48s cubic-bezier(.22,.8,.22,1), border-color .15s, background .15s;will-change:transform,opacity}
    .slide-row.slot-1{top:0}.slide-row.slot-2{top:40px}.slide-row.slot-3{top:80px}
    .slide-row.show{opacity:1;transform:translateY(0)}
    .slide-row.leaving{opacity:0;transform:translateY(-18px)}
    .slide-row.entering{opacity:0;transform:translateY(18px)}

    /* ─── FOOTER ─── */
    .site-footer{
  margin-top:0;
  min-height:120px;
  border-top:1px solid rgba(255,255,255,.075);
  background:rgba(6,9,18,.62);
  backdrop-filter:blur(14px);
  display:flex;
  align-items:center;
}

    .footer-inner{
      max-width:1260px;
      margin:0 auto;
      min-height:132px;
      padding:28px 20px 28px;
      text-align:center;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
    }
    .footer-logo{
      font-size:26px;
      font-weight:900;
      letter-spacing:-1px;
      background:linear-gradient(90deg,#7aa2ff,#38bdf8);
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
      background-clip:text;
      margin-bottom:3px;
    }
    .footer-desc{
      color:#94a3b8;
      font-size:12px;
      line-height:1.35;
      margin-bottom:3px;
      font-weight:500;
    }
    .footer-copy{color:#64748b;font-size:10.5px;line-height:1.35;font-weight:600}

    /* ─── TOAST ─── */
    #toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(16px);opacity:0;transition:.2s;background:linear-gradient(135deg,rgba(124,58,237,.95),rgba(14,165,233,.85));border-radius:999px;padding:12px 20px;font-weight:700;z-index:80;font-size:14px;box-shadow:0 8px 24px rgba(0,0,0,.4)}
    #toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

    /* ─── EMPTY STATE ─── */
    .empty{text-align:center;padding:32px 20px;color:var(--muted);font-size:13px;border:1px dashed rgba(255,255,255,.1);border-radius:14px}
    .empty::before{content:"🔍";display:block;font-size:28px;margin-bottom:8px}

    /* ─── CHAR COUNT ─── */
    .char-count{text-align:right;font-size:10px;color:var(--muted);font-weight:700;margin-top:4px}
    .char-count.warn{color:var(--warn)}
    .char-count.danger{color:var(--danger)}

    /* ─── INFO ROW ─── */
    .info-row{
      display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;
      background:rgba(56,189,248,.06);border:1px solid rgba(56,189,248,.15);
      color:#7dd3fc;font-size:12px;font-weight:500;margin-bottom:12px;
    }
    .info-row::before{content:"ℹ️";flex-shrink:0}

    /* ─── NICK REMEMBER ─── */
    .nick-remember{display:flex;align-items:center;gap:6px;margin-top:6px;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}
    .nick-remember input{accent-color:#a78bfa;cursor:pointer}




    /* ─── COMMUNITY BOARD ─── */
    .board-title-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
    .board-popular-card{margin-bottom:12px;min-height:auto!important}
    .popular-list{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
    .popular-item{border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.035);border-radius:13px;padding:11px;cursor:pointer;transition:.15s;min-width:0}
    .popular-item:hover{transform:translateY(-1px);border-color:rgba(251,191,36,.35);background:rgba(251,191,36,.055)}
    .popular-rank{display:inline-flex;width:22px;height:22px;border-radius:8px;align-items:center;justify-content:center;background:rgba(251,191,36,.14);border:1px solid rgba(251,191,36,.25);color:#fde68a;font-size:11px;font-weight:900;margin-bottom:7px}
    .popular-title{display:block;color:#eaf2ff;font-size:13px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .popular-meta{margin-top:5px;color:var(--muted);font-size:11px;font-weight:700;display:flex;gap:7px;white-space:nowrap}
    .board-main-card{min-height:650px!important}
    .board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
    .board-searchbar{display:grid;grid-template-columns:140px minmax(0,1fr) 90px;gap:8px;margin-bottom:12px}
    .board-select{height:40px;border-radius:11px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.35);color:var(--text);font-weight:800;font-family:inherit;padding:0 10px;outline:none}
    .board-search-input{height:40px}
    .board-table{border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;background:rgba(0,0,0,.18)}
    .board-table-head,.board-row{display:grid;grid-template-columns:minmax(0,1fr) 118px 62px 62px 112px;gap:8px;align-items:center}
    .board-table-head{min-height:36px;padding:0 14px;background:rgba(255,255,255,.045);color:#7a8fb0;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.35px}
    .board-row{min-height:46px;padding:0 14px;border-top:1px solid rgba(255,255,255,.06);cursor:pointer;transition:.15s}
    .board-row:hover{background:rgba(167,139,250,.065)}
    .board-subject{display:flex;align-items:center;gap:7px;min-width:0;font-size:13px;font-weight:900;color:#eef4ff}
    .board-subject b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .board-new{display:inline-flex;height:18px;align-items:center;padding:0 6px;border-radius:999px;background:rgba(251,113,133,.13);border:1px solid rgba(251,113,133,.25);color:#fca5a5;font-size:10px;font-weight:900;flex:0 0 auto}
    .board-cell{color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .board-write-card{max-width:860px;margin:0 auto;min-height:auto!important}
    .board-write-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
    .vote-box{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 16px}
    .vote-btn{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);color:#dbeafe;border-radius:12px;padding:9px 14px;font-size:13px;font-weight:900;cursor:pointer;font-family:inherit;transition:.15s}
    .vote-btn:hover{transform:translateY(-1px);border-color:rgba(167,139,250,.35);background:rgba(167,139,250,.12)}
    .vote-btn.good{color:#86efac}.vote-btn.bad{color:#fca5a5}

    /* ─── LIST PAGINATION / DETAIL MODAL ─── */
    #board .board-layout,
    #report .report-layout{
      min-height:650px;
      align-items:stretch;
    }

    #board .section-card,
    #report .section-card{
      min-height:650px;
    }

    .post-list,
    .report-list{
      display:grid;
      gap:8px;
    }

    .post-card.list-only,
    .report-card.list-only{
      cursor:pointer;
      padding:12px 14px;
    }

    .post-card.list-only:hover,
    .report-card.list-only:hover{
      transform:translateY(-1px);
      border-color:rgba(167,139,250,.35);
      background:rgba(167,139,250,.06);
    }

    .list-title-line{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      min-width:0;
    }

    .list-title-left{
      display:flex;
      align-items:center;
      gap:9px;
      min-width:0;
      flex:1;
    }

    .list-title-left b{
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      font-size:13px;
      font-weight:900;
    }

    .list-title-right{
      display:flex;
      align-items:center;
      gap:8px;
      flex-shrink:0;
      color:var(--muted);
      font-size:11px;
      font-weight:700;
    }

    .page-controls{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:6px;
      margin-top:12px;
      flex-wrap:wrap;
    }

    .page-btn{
      min-width:32px;
      height:30px;
      padding:0 10px;
      border-radius:9px;
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.045);
      color:#9db3d4;
      font-size:12px;
      font-weight:800;
      cursor:pointer;
      font-family:inherit;
    }

    .page-btn:hover,
    .page-btn.active{
      color:#fff;
      border-color:rgba(167,139,250,.38);
      background:rgba(167,139,250,.18);
    }

    .detail-modal{
      position:fixed;
      inset:0;
      z-index:120;
      display:none;
      align-items:center;
      justify-content:center;
      padding:24px;
      background:rgba(0,0,0,.62);
      backdrop-filter:blur(8px);
    }

    .detail-modal.show{display:flex}

    .detail-box{
      width:min(760px,100%);
      max-height:82vh;
      overflow:auto;
      border-radius:20px;
      border:1px solid rgba(255,255,255,.13);
      background:linear-gradient(160deg,rgba(19,29,46,.96),rgba(8,14,25,.96));
      box-shadow:0 24px 80px rgba(0,0,0,.55);
      padding:20px;
    }

    .detail-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      margin-bottom:14px;
    }

    .detail-head h2{
      margin:0;
      font-size:20px;
      line-height:1.35;
      font-weight:900;
      letter-spacing:-.4px;
    }

    .detail-close{
      width:34px;
      height:34px;
      border-radius:10px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.06);
      color:#fff;
      cursor:pointer;
      font-size:18px;
      font-weight:900;
    }

    .detail-content{
      border:1px solid rgba(255,255,255,.08);
      background:rgba(0,0,0,.22);
      border-radius:14px;
      padding:15px;
      color:#dbeafe;
      font-size:13px;
      line-height:1.75;
      white-space:pre-wrap;
      margin:12px 0;
    }

    .detail-comments{
      display:grid;
      gap:7px;
      max-height:240px;
      overflow-y:auto;
      padding-right:4px;
      margin-bottom:10px;
    }

    .detail-comments::-webkit-scrollbar,
    .detail-box::-webkit-scrollbar{width:6px}
    .detail-comments::-webkit-scrollbar-thumb,
    .detail-box::-webkit-scrollbar-thumb{background:rgba(167,139,250,.35);border-radius:999px}

    .detail-inline-form{
      display:grid;
      grid-template-columns:120px 1fr 82px;
      gap:7px;
    }

    @media(max-width:720px){
      .detail-inline-form{grid-template-columns:1fr}
      #board .section-card,
      #report .section-card{min-height:auto}
    }


    /* ─── FINAL FIX: BOARD ROW HEIGHT / CAPTCHA CLICK AREA ─── */
    .board-table-head,
    .board-row{
      grid-template-columns:minmax(0,1fr) 118px 62px 62px 112px;
      align-items:center;
    }

    .board-row{
      height:54px!important;
      min-height:54px!important;
      max-height:54px!important;
      padding:0 14px!important;
      overflow:hidden;
    }

    .board-row > *{
      min-height:54px;
      display:flex;
      align-items:center;
    }

    .board-subject{
      height:54px;
      min-height:54px;
      display:flex;
      align-items:center;
      gap:7px;
      min-width:0;
      overflow:hidden;
    }

    .board-subject b{
      display:block;
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      line-height:54px;
    }

    .board-new{
      flex:0 0 auto;
      line-height:18px;
    }

    .board-cell{
      height:54px;
      display:flex;
      align-items:center;
      min-width:0;
    }

    .captcha-question{
      width:100%;
      display:flex;
      align-items:center;
      gap:10px;
    }

    .captcha-question .input-wrap{
      flex:1 1 auto!important;
      width:100%!important;
      min-width:0;
      height:40px;
      margin:0!important;
      cursor:text;
    }

    .captcha-question .input-wrap input,
    .captcha-question input{
      width:100%!important;
      height:100%!important;
      display:block!important;
      cursor:text;
    }



    /* ─── FINAL COMPACT FIX: BOARD WIDTH / ROW HEIGHT ─── */
    #board .section-card{
      max-width:1100px;
      margin-left:auto;
      margin-right:auto;
    }

    #board .board-main-card{
      min-height:auto!important;
      padding:16px!important;
    }

    #board .board-popular-card{
      max-width:1100px;
      margin-left:auto;
      margin-right:auto;
    }

    .board-toolbar{
      margin-bottom:10px!important;
    }

    .board-searchbar{
      grid-template-columns:140px minmax(0,1fr) 90px!important;
      gap:8px!important;
      margin-bottom:12px!important;
    }

    .board-table{
      border-radius:13px!important;
    }

    .board-table-head,
    .board-row{
      grid-template-columns:minmax(0,1fr) 118px 62px 62px 112px!important;
      gap:8px!important;
      align-items:center!important;
    }

    .board-table-head{
      height:34px!important;
      min-height:34px!important;
      padding:0 14px!important;
    }

    .board-row{
      height:44px!important;
      min-height:44px!important;
      max-height:44px!important;
      padding:0 14px!important;
      overflow:hidden!important;
    }

    .board-row > *,
    .board-cell,
    .board-subject{
      height:44px!important;
      min-height:44px!important;
      max-height:44px!important;
      display:flex!important;
      align-items:center!important;
      line-height:1.2!important;
      overflow:hidden!important;
    }

    .board-subject{
      gap:7px!important;
      min-width:0!important;
    }

    .board-subject b{
      line-height:1.2!important;
      display:block!important;
      min-width:0!important;
      overflow:hidden!important;
      text-overflow:ellipsis!important;
      white-space:nowrap!important;
    }

    .board-new{
      height:18px!important;
      min-height:18px!important;
      max-height:18px!important;
      line-height:16px!important;
      display:inline-flex!important;
      align-items:center!important;
      justify-content:center!important;
      flex:0 0 auto!important;
    }

    .captcha-question{
      width:100%!important;
    }

    .captcha-question .input-wrap{
      flex:1 1 0!important;
      width:auto!important;
      min-width:0!important;
      height:40px!important;
      cursor:text!important;
    }

    .captcha-question .input-wrap input,
    .captcha-question input{
      width:100%!important;
      height:100%!important;
      display:block!important;
      cursor:text!important;
    }



/* ─── LEGAL / REPORT POLICY / EVIDENCE UPLOAD ─── */
.report-policy-card{
  grid-column:1 / -1;
  padding:18px!important;
  margin-bottom:14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.11);
  background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
}

.report-policy-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}

.report-policy-icon{
  width:38px;
  height:38px;
  border-radius:14px;
  display:grid;
  place-items:center;
  font-size:21px;
  background:rgba(167,139,250,.14);
  border:1px solid rgba(167,139,250,.25);
  box-shadow:0 0 22px rgba(167,139,250,.08);
  flex:0 0 auto;
}

.report-policy-head h2{
  margin:0;
  font-size:18px;
  line-height:1.25;
  font-weight:900;
  letter-spacing:-.3px;
}

.report-policy-head p{
  margin:5px 0 0;
  color:#8fa6c8;
  font-size:13px;
  line-height:1.5;
  font-weight:700;
}

.report-policy-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

.report-policy-item{
  padding:12px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  transition:.15s;
}

.report-policy-item:hover{
  border-color:rgba(167,139,250,.18);
  background:rgba(167,139,250,.055);
}

.report-policy-item h3{
  margin:0 0 5px;
  font-size:13px;
  font-weight:900;
  color:#eaf2ff;
  letter-spacing:-.2px;
}

.report-policy-item p{
  margin:0;
  color:#aebfda;
  font-size:12.5px;
  line-height:1.55;
  font-weight:650;
  word-break:keep-all;
}

.report-policy-item.warning{
  grid-column:1 / -1;
  border-color:rgba(251,146,60,.30);
  background:linear-gradient(135deg,rgba(251,146,60,.10),rgba(251,146,60,.045));
}

.report-policy-item.warning h3{
  color:#fdba74;
}

.report-policy-item.warning p{
  color:#fed7aa;
}

.report-agree-box{
  margin:12px 0 14px;
  padding:13px 14px;
  border-radius:12px;
  border:1px solid rgba(251,191,36,.22);
  background:rgba(251,191,36,.055);
}

.report-agree-label{
  display:flex;
  align-items:flex-start;
  gap:9px;
  color:#dbeafe;
  font-size:12.5px;
  line-height:1.6;
  font-weight:850;
  cursor:pointer;
  margin:0;
  text-transform:none;
  letter-spacing:0;
}

.report-agree-label input{
  width:16px;
  height:16px;
  margin-top:3px;
  accent-color:#f97316;
  flex:0 0 auto;
}

.evidence-upload{display:grid;gap:8px}
#scamFiles{display:none}

.evidence-upload-btn{
  height:46px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color:#fff;
  font-size:13px;
  font-weight:900;
  background:linear-gradient(135deg,#7c3aed,#0ea5e9);
  box-shadow:0 8px 22px rgba(0,0,0,.24);
  transition:.15s;
}

.evidence-upload-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}

.evidence-file-list{
  padding:10px 12px;
  border-radius:11px;
  background:rgba(0,0,0,.26);
  border:1px solid rgba(255,255,255,.08);
  color:#9db3d4;
  font-size:12px;
  font-weight:700;
  line-height:1.55;
}

.evidence-file-list.error{
  border-color:rgba(251,113,133,.36);
  background:rgba(251,113,133,.085);
  color:#fca5a5;
}

.evidence-preview{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(120px,1fr));
  gap:8px;
  margin-top:12px;
}

.evidence-item{
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.04);
  border-radius:12px;
  overflow:hidden;
}

.evidence-item img,.evidence-item video{
  width:100%;
  height:110px;
  object-fit:cover;
  display:block;
  background:#000;
}

.evidence-name{
  padding:7px 8px;
  color:#9db3d4;
  font-size:11px;
  font-weight:800;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.evidence-badge{
  display:inline-flex;
  align-items:center;
  height:22px;
  padding:0 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  border:1px solid rgba(52,211,153,.25);
  background:rgba(52,211,153,.11);
  color:#86efac;
  white-space:nowrap;
}

/* ─── CENTERED LEGAL FOOTER ─── */
.site-footer.legal-footer{
  min-height:auto;
  align-items:center;
}

.legal-footer .footer-inner{
  width:100%;
  max-width:1260px;
  min-height:auto;
  padding:28px 20px 30px;
  text-align:center;
  align-items:center;
  justify-content:center;
}

.footer-notice{
  width:100%;
  max-width:1080px;
  margin:0 auto 18px;
  text-align:center;
}

.footer-notice h3{
  margin:0 0 14px;
  color:#dbeafe;
  font-size:15px;
  line-height:1.4;
  font-weight:900;
  letter-spacing:-.2px;
}

.footer-notice-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px 24px;
  max-width:980px;
  margin:0 auto;
}

.footer-notice-list p{
  margin:0;
  color:#93a8c8;
  font-size:12px;
  line-height:1.65;
  font-weight:750;
  word-break:keep-all;
  text-align:center;
}

.footer-disclaimer{
  width:100%;
  max-width:1080px;
  margin:0 auto;
  border-top:1px solid rgba(255,255,255,.085);
  padding-top:15px;
  color:#a9bad5;
  font-size:13px;
  line-height:1.75;
  font-weight:650;
  text-align:center;
}

.footer-meta{
  width:100%;
  margin:10px auto 0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px 20px;
  color:#64748b;
  font-size:11.5px;
  font-weight:750;
  text-align:center;
}

.footer-links{
  width:100%;
  margin:10px auto 0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:10px 18px;
  text-align:center;
}

.footer-links a{
  color:#8fa6c8;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
}

.footer-links a:hover{color:#c4b5fd}

.legal-footer .footer-logo{
  margin-top:16px;
  text-align:center;
}

.legal-footer .footer-copy{
  text-align:center;
}

@media(max-width:720px){
  .report-policy-grid,
  .footer-notice-list{
    grid-template-columns:1fr;
  }

  .report-policy-head{
    align-items:flex-start;
  }

  .footer-notice-list p{
    text-align:center;
  }
}




    /* ─── RESPONSIVE ─── */
    @media(max-width:1100px){
      .menu a{font-size:13px;padding:8px 9px}
      .hero{padding:24px}
      .mascot{display:none}
      .quick-grid{grid-template-columns:repeat(2,1fr)}
      .home-grid,.report-layout,.board-layout{grid-template-columns:1fr}
      .layout{grid-template-columns:1fr}
      .side{display:grid;gap:10px}
      .settings,.items-box,.result{grid-column:auto}
      .summary{grid-template-columns:repeat(3,1fr)}
    }
    @media(max-width:720px){
      .nav{height:auto;align-items:flex-start;gap:10px;flex-direction:column;padding:12px 14px}
      .site-header{height:auto}
      .menu{width:100%;overflow:auto;padding-bottom:4px}
      .hero-text h1{font-size:28px}
      .page{padding:12px}
      .quick-grid{grid-template-columns:1fr}
      .form-grid{grid-template-columns:1fr}
      .item-row{grid-template-columns:1fr 100px 110px 52px 36px}
      .item-row.header{display:none}
      .summary{grid-template-columns:1fr}
      .tr{grid-template-columns:1fr}
      .td-value{text-align:left}
      .party-grid{grid-template-columns:repeat(3,1fr)}
      .fee-mini{grid-template-columns:repeat(2,1fr)}
      .proof-note{grid-template-columns:1fr}
      .inline-form{grid-template-columns:1fr}
      .hero-actions .btn{width:100%}
    }

    /* ─── FOOTER TOP TOAST ─── */
    #toast{display:none!important}

    .result-toast.footer-toast{
      display:none;
      width:min(420px,calc(100vw - 40px));
      margin:0 auto 12px;
      border-radius:12px;
      padding:11px 14px;
      background:linear-gradient(135deg,rgba(124,58,237,.95),rgba(14,165,233,.85));
      color:#fff;
      font-weight:900;
      font-size:13px;
      text-align:center;
      box-shadow:0 8px 22px rgba(0,0,0,.24);
    }

    .result-toast.footer-toast.show{
      display:block;
      animation:footerToastPop .18s ease-out;
    }

    @keyframes footerToastPop{
      from{opacity:0;transform:translateY(-4px)}
      to{opacity:1;transform:translateY(0)}
    }

  
/* ─── BOSS ALIGN / ACTION BUTTON FIX ─── */
#boss .layout{
  align-items:stretch!important;
}

#boss .settings,
#boss .items-box,
#boss .result{
  height:100%;
  min-height:640px;
}

#boss .settings{
  display:block;
}

#boss .action-area{
  margin-top:4px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.07);
}

#boss .copy-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:6px;
}

#boss .copy-btn,
#boss .capture-btn{
  height:42px;
  padding:0 10px;
  border-radius:12px;
  font-size:13px;
}

#resetBtn{
  width:100%;
  height:42px;
  margin-top:14px;
  border-radius:12px;
  font-size:13px;
  background:linear-gradient(135deg,#1e40af,#2563eb)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 6px 16px rgba(37,99,235,.16)!important;
}

#resetBtn:hover{
  filter:brightness(1.08);
  transform:translateY(-1px);
}

@media(max-width:1100px){
  #boss .settings,
  #boss .items-box,
  #boss .result{
    min-height:auto;
  }

  #boss .copy-row{
    margin-top:8px;
  }
}

  
/* ─── BOSS ACTION SPACING FINAL ─── */
#boss .action-area{
  margin-top:18px!important;
  padding-top:14px!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}

#boss .copy-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-top:6px;
}

#boss .copy-btn,
#boss .capture-btn,
#resetBtn{
  height:42px!important;
  line-height:1!important;
}

#resetBtn{
  margin-top:14px!important;
}



/* ─── FINAL DETAIL POLISH: GLOW / SCROLL / BOARD QUALITY ─── */
::-webkit-scrollbar{
  width:8px;
  height:8px;
}
::-webkit-scrollbar-track{
  background:rgba(255,255,255,.025);
}
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,rgba(167,139,250,.42),rgba(56,189,248,.32));
  border-radius:999px;
}
::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,rgba(167,139,250,.68),rgba(56,189,248,.55));
}

.card,
.quick-card,
.popular-item,
.board-row,
.list-row,
.vote-btn,
.choice,
.party-btn,
.btn{
  will-change:transform,box-shadow,border-color,background;
}

.card:hover{
  box-shadow:0 20px 60px rgba(0,0,0,.38),0 0 24px rgba(167,139,250,.08);
}

.list-row:hover,
.board-row:hover,
.popular-item:hover{
  box-shadow:0 0 22px rgba(167,139,250,.12);
}

.quick-card:hover{
  box-shadow:0 18px 46px rgba(0,0,0,.32),0 0 24px rgba(56,189,248,.12);
}

.brand-mark{
  position:relative;
  overflow:hidden;
  animation:logoGlow 4.2s ease-in-out infinite;
}
.brand-mark::after{
  content:"";
  position:absolute;
  inset:-40%;
  background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.42) 50%,transparent 65%);
  transform:translateX(-120%) rotate(18deg);
  animation:logoShine 5.5s ease-in-out infinite;
}
@keyframes logoGlow{
  0%,100%{box-shadow:0 6px 20px rgba(124,58,237,.35)}
  50%{box-shadow:0 6px 26px rgba(56,189,248,.38),0 0 30px rgba(167,139,250,.18)}
}
@keyframes logoShine{
  0%,62%{transform:translateX(-120%) rotate(18deg);opacity:0}
  70%{opacity:1}
  86%,100%{transform:translateX(120%) rotate(18deg);opacity:0}
}

.popular-item:first-child{
  border-color:rgba(251,191,36,.5)!important;
  background:linear-gradient(160deg,rgba(251,191,36,.10),rgba(255,255,255,.035));
}
.popular-item:first-child .popular-rank{
  background:linear-gradient(135deg,#fbbf24,#fde68a);
  color:#111827;
  border-color:transparent;
  box-shadow:0 0 18px rgba(251,191,36,.24);
}
.popular-item:first-child .popular-title::before{
  content:"👑 ";
}

.board-pin{
  display:inline-flex;
  align-items:center;
  height:19px;
  padding:0 7px;
  border-radius:999px;
  background:rgba(251,191,36,.14);
  border:1px solid rgba(251,191,36,.28);
  color:#fde68a;
  font-size:10px;
  font-weight:900;
  flex:0 0 auto;
}
.board-new{
  background:rgba(56,189,248,.13)!important;
  border-color:rgba(56,189,248,.28)!important;
  color:#7dd3fc!important;
}
.vote-btn.active.good{
  background:rgba(52,211,153,.16);
  border-color:rgba(52,211,153,.36);
  box-shadow:0 0 18px rgba(52,211,153,.12);
}
.vote-btn.active.bad{
  background:rgba(251,113,133,.16);
  border-color:rgba(251,113,133,.36);
  box-shadow:0 0 18px rgba(251,113,133,.12);
}

.detail-modal.show .detail-box{
  animation:detailPop .18s ease-out;
}
@keyframes detailPop{
  from{opacity:0;transform:translateY(10px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

input::placeholder,
textarea::placeholder{
  color:rgba(154,174,207,.55);
}

@media(max-width:720px){
  .popular-list{grid-template-columns:1fr!important}
  .board-table-head{display:none!important}
  .board-row{grid-template-columns:1fr!important;height:auto!important;max-height:none!important;padding:10px 12px!important;gap:5px!important}
  .board-row > *, .board-cell, .board-subject{height:auto!important;min-height:auto!important;max-height:none!important}
}


/* ─── FINAL DETAIL TUNING: COMPACT LISTS / 15 ROWS ─── */
#board .board-main-card,
#report .section-card{
  min-height:auto!important;
}

#board .board-table-head,
#board .board-row{
  grid-template-columns:minmax(0,1fr) 118px 62px 62px 112px!important;
}

#board .board-row{
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  padding:0 12px!important;
  overflow:hidden!important;
}

#board .board-row > *,
#board .board-cell,
#board .board-subject{
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  line-height:1!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
}

#board .board-subject{
  min-width:0!important;
  white-space:nowrap!important;
}

#board .board-subject b{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1!important;
}

#board .board-new,
#board .board-pin{
  flex:0 0 auto!important;
}

#report .report-list{
  gap:6px!important;
}

#report .report-card.list-only{
  min-height:42px!important;
  padding:7px 10px!important;
  display:flex!important;
  align-items:center!important;
}

#report .list-title-line{
  width:100%;
}

#report .nick-avatar{
  width:28px!important;
  height:28px!important;
  border-radius:9px!important;
  font-size:12px!important;
}

#report .list-title-left b{
  font-size:12px!important;
}

#report .list-title-right{
  font-size:10.5px!important;
}

#board .page-controls,
#report .page-controls{
  margin-top:10px!important;
}

@media(max-width:720px){
  #board .board-table-head{display:none!important}
  #board .board-row{
    grid-template-columns:minmax(0,1fr) 62px 56px!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
  }
  #board .board-row .board-cell:nth-of-type(1),
  #board .board-row .board-cell:nth-of-type(4){display:none!important}
}


/* ─── ABSOLUTE FINAL FIX: 자유게시판 15줄 압축 ─── */
#board .board-layout,
#board .section-card,
#board .board-main-card{
  min-height:auto!important;
}

#board .board-table{
  overflow:hidden!important;
}

#board #postList.post-list{
  display:block!important;
  gap:0!important;
}

#board #postList .board-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 118px 62px 62px 112px!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  padding:0 12px!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
  overflow:hidden!important;
  align-items:center!important;
}

#board #postList .board-row > *,
#board #postList .board-cell,
#board #postList .board-subject{
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  line-height:1!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
}

#board #postList .board-subject{
  gap:6px!important;
  min-width:0!important;
  white-space:nowrap!important;
}

#board #postList .board-subject b{
  font-size:12px!important;
  line-height:1!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#board #postList .board-cell{
  font-size:11px!important;
  line-height:1!important;
}

#board #postList .delete-btn{
  height:22px!important;
  min-height:22px!important;
  padding:2px 7px!important;
  font-size:10px!important;
  border-radius:7px!important;
}

#board .page-controls{
  margin-top:8px!important;
}

@media(max-width:720px){
  #board #postList.post-list{display:grid!important;gap:6px!important}
  #board #postList .board-row{
    grid-template-columns:1fr!important;
    height:auto!important;
    min-height:auto!important;
    max-height:none!important;
    padding:9px 12px!important;
  }
  #board #postList .board-row > *,
  #board #postList .board-cell,
  #board #postList .board-subject{
    height:auto!important;
    min-height:auto!important;
    max-height:none!important;
  }
}


/* ─── DELETE BUTTON VISIBLE FINAL FIX ─── */
#board .board-table-head,
#board #postList .board-row{
  grid-template-columns:minmax(0,1fr) 118px 62px 62px 165px!important;
}

#board #postList .board-row{
  overflow:hidden!important;
}

#board #postList .board-row .board-cell:last-child{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:0!important;
  overflow:visible!important;
}

#board #postList .board-row .board-cell:last-child span{
  flex:0 1 auto!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#board #postList .post-delete-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 28px!important;
  width:28px!important;
  height:22px!important;
  min-height:22px!important;
  padding:0!important;
  font-size:10px!important;
  line-height:1!important;
  border-radius:7px!important;
}


.premium-footer-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:14px 0}
.premium-footer-links a{
padding:10px 16px;border-radius:999px;text-decoration:none;color:#cbd5e1;
background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-weight:800}
.premium-footer-links a:hover{transform:translateY(-2px);background:rgba(167,139,250,.15)}


/* ─── FINAL FOOTER LINK STYLE: privacy + contact only ─── */
.footer-simple-links{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  margin:14px auto 0!important;
  padding:0!important;
}
.footer-simple-links a{
  position:relative;
  color:#8fa6c8!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:-.2px;
  text-decoration:none!important;
  padding:4px 2px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  transition:.16s ease;
}
.footer-simple-links a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-3px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#a78bfa,#38bdf8);
  opacity:0;
  transform:scaleX(.35);
  transition:.16s ease;
}
.footer-simple-links a:hover{
  color:#eaf2ff!important;
}
.footer-simple-links a:hover::after{
  opacity:1;
  transform:scaleX(1);
}

/* ─── PRIVACY MODAL DOCUMENT ─── */
#legalModal .detail-box{
  width:min(860px,100%);
}
#legalModal .detail-content{
  max-height:62vh;
  overflow-y:auto;
  text-align:left;
  white-space:normal;
}
.legal-doc{
  color:#c8d8ef;
  font-size:13px;
  line-height:1.78;
}
.legal-doc .legal-lead{
  margin:0 0 16px;
  padding:14px 15px;
  border-radius:13px;
  background:rgba(56,189,248,.065);
  border:1px solid rgba(56,189,248,.16);
  color:#bfe6ff;
  font-weight:700;
}
.legal-doc h3{
  margin:20px 0 8px;
  color:#eef4ff;
  font-size:14px;
  font-weight:900;
  letter-spacing:-.2px;
}
.legal-doc p{
  margin:0 0 8px;
  color:#aebfda;
}
.legal-doc ul{
  margin:0 0 8px 18px;
  padding:0;
}
.legal-doc li{
  margin:4px 0;
  color:#aebfda;
}
.legal-contact-box{
  margin:10px 0 6px;
  padding:12px 14px;
  border-radius:12px;
  background:rgba(167,139,250,.08);
  border:1px solid rgba(167,139,250,.18);
  color:#dbeafe;
  font-weight:800;
}
.legal-contact-box b{
  color:#7dd3fc;
}
.legal-date{
  margin-top:18px!important;
  color:#7dd3fc!important;
  font-weight:900;
}

@media(max-width:720px){
  .footer-simple-links{gap:14px!important}
  .footer-simple-links a{font-size:11.5px!important}
}

#legalModal{z-index:99999!important;} .detail-modal{z-index:99999;}


/* ─── OFFICIAL DOCUMENT PAGES: TERMS / PRIVACY ─── */
.document-page{
  min-height:calc(100vh - 68px);
  padding-top:28px!important;
  padding-bottom:34px!important;
}
.document-shell{
  max-width:980px;
  margin:0 auto;
}
.document-hero{
  position:relative;
  overflow:hidden;
  padding:34px 36px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 12% 15%,rgba(167,139,250,.18),transparent 34%),
    radial-gradient(circle at 88% 55%,rgba(56,189,248,.14),transparent 38%),
    linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  box-shadow:0 24px 70px rgba(0,0,0,.34);
  backdrop-filter:blur(12px);
  margin-bottom:14px;
}
.document-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:64px 64px;
  opacity:.28;
  pointer-events:none;
}
.document-kicker{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  height:28px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(56,189,248,.11);
  border:1px solid rgba(56,189,248,.26);
  color:#7dd3fc;
  font-size:11px;
  font-weight:900;
  margin-bottom:14px;
}
.document-hero h1{
  position:relative;
  z-index:1;
  margin:0 0 10px;
  font-size:34px;
  line-height:1.2;
  letter-spacing:-1.1px;
  font-weight:900;
  background:linear-gradient(90deg,#eef4ff,#a78bfa,#7dd3fc);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
.document-hero p{
  position:relative;
  z-index:1;
  max-width:760px;
  margin:0;
  color:#aebfda;
  font-size:14px;
  line-height:1.7;
  font-weight:650;
}
.document-card{
  padding:30px 34px;
  border-radius:22px;
  background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.11);
  box-shadow:0 20px 62px rgba(0,0,0,.30);
  backdrop-filter:blur(10px);
}
.document-summary{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-bottom:24px;
}
.document-summary div{
  padding:14px 15px;
  border-radius:15px;
  background:rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.075);
}
.document-summary b{
  display:block;
  color:#eef4ff;
  font-size:13px;
  margin-bottom:5px;
}
.document-summary span{
  color:#8fa6c8;
  font-size:12px;
  line-height:1.5;
  font-weight:650;
}
.document-section{
  padding:20px 0;
  border-top:1px solid rgba(255,255,255,.075);
}
.document-section:first-of-type{border-top:0;padding-top:0}
.document-section h2{
  margin:0 0 12px;
  font-size:18px;
  font-weight:900;
  color:#eef4ff;
  letter-spacing:-.45px;
}
.document-section h3{
  margin:16px 0 8px;
  color:#dbeafe;
  font-size:14px;
  font-weight:900;
}
.document-section p{
  margin:0 0 10px;
  color:#aebfda;
  font-size:13.5px;
  line-height:1.82;
  font-weight:600;
}
.document-section ul{
  margin:0 0 10px 18px;
  padding:0;
}
.document-section li{
  margin:6px 0;
  color:#aebfda;
  font-size:13.5px;
  line-height:1.72;
  font-weight:600;
}
.document-note{
  padding:15px 16px;
  border-radius:14px;
  background:rgba(56,189,248,.07);
  border:1px solid rgba(56,189,248,.17);
  color:#bfe6ff!important;
  font-weight:750!important;
}
.document-warning{
  padding:15px 16px;
  border-radius:14px;
  background:rgba(251,146,60,.08);
  border:1px solid rgba(251,146,60,.22);
  color:#fed7aa!important;
  font-weight:750!important;
}
.document-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  margin:10px 0 12px;
}
.document-table th,
.document-table td{
  padding:12px 13px;
  border-bottom:1px solid rgba(255,255,255,.07);
  color:#aebfda;
  font-size:13px;
  line-height:1.55;
  text-align:left;
  vertical-align:top;
}
.document-table tr:last-child th,
.document-table tr:last-child td{border-bottom:0}
.document-table th{
  width:190px;
  color:#eaf2ff;
  background:rgba(255,255,255,.04);
  font-weight:900;
}
.document-contact{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding:16px 18px;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(167,139,250,.12),rgba(56,189,248,.08));
  border:1px solid rgba(167,139,250,.2);
  margin-top:12px;
}
.document-contact b{color:#eef4ff;font-size:14px}
.document-contact a{color:#7dd3fc;font-weight:900;text-decoration:none}
.document-actions{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:16px;
  flex-wrap:wrap;
}
.document-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:120px;
  height:38px;
  padding:0 16px;
  border-radius:999px;
  color:#cbd5e1;
  text-decoration:none;
  font-size:12px;
  font-weight:900;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.09);
  transition:.16s;
}
.document-actions a:hover{
  color:#fff;
  transform:translateY(-1px);
  border-color:rgba(167,139,250,.32);
  background:rgba(167,139,250,.12);
}
@media(max-width:760px){
  .document-page{padding-top:18px!important}
  .document-hero{padding:26px 22px}
  .document-hero h1{font-size:27px}
  .document-card{padding:22px 20px}
  .document-summary{grid-template-columns:1fr}
  .document-table th,.document-table td{display:block;width:100%}
  .document-table th{border-bottom:0;padding-bottom:4px}
  .document-table td{padding-top:4px}
}


.site-footer,.legal-footer,.footer-inner{border-top:none!important;}
.site-footer::before,.legal-footer::before,.footer-inner::before{display:none!important;content:none!important;}


/* home menu click fix */
.menu,.menu a{pointer-events:auto!important;position:relative;z-index:9999!important;}

/* ═══════════════════════════════════════════
   사기제보 신뢰 구조 스타일
═══════════════════════════════════════════ */

/* 신뢰 구조 배너 */
.trust-banner{
  background:linear-gradient(135deg,rgba(251,113,133,.08),rgba(124,58,237,.06));
  border:1px solid rgba(251,113,133,.18);
  border-radius:16px;
  padding:18px 24px;
  margin-bottom:18px;
}
.trust-banner-inner{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
}
.trust-step{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  padding:10px 16px;
  border-radius:12px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
  min-width:80px;
  text-align:center;
  transition:.2s;
}
.trust-step.active{
  background:rgba(34,197,94,.1);
  border-color:rgba(34,197,94,.3);
}
.trust-step-ico{font-size:20px}
.trust-step-label{font-size:12px;font-weight:700;color:#e2e8f0}
.trust-step-desc{font-size:10px;color:#64748b}
.trust-arrow{font-size:18px;color:rgba(255,255,255,.25);flex-shrink:0}

/* 레이아웃 - 왼쪽 컬럼 */
.report-left-col{display:flex;flex-direction:column;gap:14px}

/* 필수 표시 */
.required-dot{
  display:inline-block;
  font-size:10px;
  font-weight:700;
  color:#fca5a5;
  background:rgba(251,113,133,.15);
  border:1px solid rgba(251,113,133,.25);
  border-radius:999px;
  padding:1px 7px;
  margin-left:6px;
  vertical-align:middle;
}

/* 증거 가이드 박스 */
.evidence-guide-box{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:10px;
}
.evidence-guide-item{
  font-size:11px;
  font-weight:600;
  padding:4px 10px;
  border-radius:999px;
}
.evidence-guide-item.ok{
  background:rgba(34,197,94,.12);
  border:1px solid rgba(34,197,94,.25);
  color:#86efac;
}
.evidence-guide-item.warn{
  background:rgba(251,191,36,.1);
  border:1px solid rgba(251,191,36,.25);
  color:#fde68a;
}

/* 제보 목록 헤더 */
.report-list-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:12px;
}

/* 검색바 */
.report-search-bar{
  display:flex;
  gap:8px;
  margin-bottom:10px;
}
.report-search-bar .board-select{flex-shrink:0;width:90px}
.report-search-bar .board-search-input{flex:1}

/* 상태 필터 버튼 */
.report-status-filter{
  display:flex;
  gap:6px;
  margin-bottom:10px;
  flex-wrap:wrap;
}
.status-filter-btn{
  padding:5px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:#94a3b8;
  font-size:12px;
  font-weight:600;
  cursor:pointer;
  transition:.15s;
}
.status-filter-btn:hover{border-color:rgba(167,139,250,.35);color:#c4b5fd}
.status-filter-btn.active{
  background:rgba(167,139,250,.18);
  border-color:rgba(167,139,250,.4);
  color:#c4b5fd;
}

/* 상태 배지 */
.status-badge{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:3px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  flex-shrink:0;
}
.status-badge.pending{
  background:rgba(251,191,36,.12);
  border:1px solid rgba(251,191,36,.3);
  color:#fde68a;
}
.status-badge.approved{
  background:rgba(34,197,94,.12);
  border:1px solid rgba(34,197,94,.3);
  color:#86efac;
}
.status-badge.rejected{
  background:rgba(100,116,139,.12);
  border:1px solid rgba(100,116,139,.3);
  color:#94a3b8;
}

/* 제보 카드 - 상태 배지 인라인 */
.scam-card-status{
  display:inline-flex;
  align-items:center;
  gap:3px;
  padding:2px 8px;
  border-radius:999px;
  font-size:10px;
  font-weight:700;
  flex-shrink:0;
}
.scam-card-status.pending{background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.25);color:#fde68a}
.scam-card-status.approved{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);color:#86efac}
.scam-card-status.rejected{background:rgba(100,116,139,.1);border:1px solid rgba(100,116,139,.25);color:#94a3b8}

/* 제보 카드 개편 */
.scam-card-row{
  display:flex;
  flex-direction:column;
  gap:6px;
  width:100%;
}
.scam-card-top{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.scam-card-nick{
  font-size:15px;
  font-weight:900;
  color:#f1f5f9;
}
.scam-card-amount{
  font-size:12px;
  font-weight:700;
  color:#fca5a5;
  background:rgba(251,113,133,.12);
  border:1px solid rgba(251,113,133,.2);
  padding:2px 8px;
  border-radius:999px;
}
.scam-card-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  flex-wrap:wrap;
}
.scam-card-meta{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:11px;
  color:#64748b;
  flex-wrap:wrap;
}
.scam-card-actions{
  display:flex;
  align-items:center;
  gap:6px;
  flex-shrink:0;
}

/* 상세 모달 개편 */
.scam-detail-title-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:4px;
}
.scam-detail-title-row h2{margin:0}

.scam-detail-info{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:12px 16px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  margin-bottom:14px;
}
.scam-detail-info-item{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:100px;
}
.scam-detail-info-label{font-size:10px;color:#64748b;font-weight:600}
.scam-detail-info-value{font-size:13px;color:#e2e8f0;font-weight:700}
.scam-detail-info-value.red{color:#fca5a5}

.scam-detail-actions{
  display:flex;
  gap:10px;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.07);
  flex-wrap:wrap;
}
.scam-action-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 16px;
  border-radius:10px;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  border:1px solid;
  transition:.15s;
}
.delete-request-btn{
  background:rgba(100,116,139,.12);
  border-color:rgba(100,116,139,.3);
  color:#94a3b8;
}
.delete-request-btn:hover{background:rgba(100,116,139,.2);color:#cbd5e1}
.false-report-btn{
  background:rgba(251,191,36,.08);
  border-color:rgba(251,191,36,.25);
  color:#fde68a;
}
.false-report-btn:hover{background:rgba(251,191,36,.15);color:#fef08a}

.scam-detail-disclaimer{
  margin-top:10px;
  font-size:11px;
  color:#475569;
  line-height:1.6;
}

/* 레이아웃 개편 - report-layout을 3단에서 2단으로 명확히 */
#report .report-layout{
  display:grid;
  grid-template-columns:420px 1fr;
  gap:14px;
  align-items:start;
}

@media(max-width:1024px){
  #report .report-layout{grid-template-columns:1fr}
  .trust-banner-inner{gap:6px}
  .trust-step{min-width:64px;padding:8px 10px}
  .trust-step-label{font-size:10px}
}
@media(max-width:600px){
  .trust-arrow{display:none}
  .trust-banner-inner{gap:8px}
  .report-search-bar{flex-wrap:wrap}
  .report-search-bar .board-select{width:100%}
}

/* ─── REPORT UI POLISH: compact left column for official launch ─── */
#report .trust-banner{
  padding:12px 16px!important;
  margin-bottom:14px!important;
}
#report .trust-step{
  min-width:74px!important;
  padding:8px 12px!important;
}
#report .trust-step-ico{font-size:18px!important}
#report .trust-step-label{font-size:11px!important}
#report .trust-step-desc{font-size:9.5px!important}

#report .report-layout{
  grid-template-columns:minmax(330px,370px) minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
}

#report .report-left-col{
  gap:12px!important;
}

#report .compact-policy{
  padding:14px!important;
  margin-bottom:0!important;
  position:relative;
  overflow:hidden;
}
#report .compact-policy::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,#f97316,#a78bfa,#38bdf8);
  opacity:.85;
}
#report .compact-head{
  align-items:flex-start!important;
  gap:10px!important;
  margin-bottom:10px!important;
}
#report .compact-head .report-policy-icon{
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  font-size:18px!important;
}
#report .compact-head h2{
  font-size:16px!important;
  letter-spacing:-.35px!important;
}
#report .compact-head p{
  margin-top:3px!important;
  font-size:11.5px!important;
  line-height:1.45!important;
}

#report .policy-summary-list{
  display:grid;
  gap:7px;
}
#report .policy-summary-item{
  display:grid;
  grid-template-columns:84px minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:9px 10px;
  border-radius:12px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.075);
}
#report .policy-summary-item b{
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}
#report .policy-summary-item span{
  min-width:0;
  color:#9fb2d0;
  font-size:11.5px;
  line-height:1.35;
  font-weight:700;
}
#report .policy-summary-item.good{border-color:rgba(34,197,94,.18);background:rgba(34,197,94,.055)}
#report .policy-summary-item.good b{color:#86efac}
#report .policy-summary-item.warn{border-color:rgba(251,191,36,.20);background:rgba(251,191,36,.055)}
#report .policy-summary-item.warn b{color:#fde68a}
#report .policy-summary-item.danger{border-color:rgba(251,113,133,.20);background:rgba(251,113,133,.055)}
#report .policy-summary-item.danger b{color:#fca5a5}

#report .policy-detail-toggle{
  margin-top:9px;
}
#report .policy-detail-toggle summary{
  list-style:none;
  cursor:pointer;
  user-select:none;
  display:flex;
  align-items:center;
  justify-content:center;
  height:34px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.035);
  color:#c4b5fd;
  font-size:12px;
  font-weight:900;
}
#report .policy-detail-toggle summary::-webkit-details-marker{display:none}
#report .policy-detail-toggle summary::after{
  content:"⌄";
  margin-left:6px;
  font-size:13px;
  transition:.15s;
}
#report .policy-detail-toggle[open] summary::after{
  transform:rotate(180deg);
}
#report .policy-detail-toggle .report-policy-grid{
  grid-template-columns:1fr!important;
  gap:7px!important;
  margin-top:9px!important;
}
#report .policy-detail-toggle .report-policy-item{
  padding:10px 11px!important;
  border-radius:12px!important;
}
#report .policy-detail-toggle .report-policy-item h3{
  font-size:12px!important;
  margin-bottom:4px!important;
}
#report .policy-detail-toggle .report-policy-item p{
  font-size:11.5px!important;
  line-height:1.5!important;
}

#report .section-card{
  padding:16px!important;
  border-radius:18px!important;
}
#report .section-title{
  margin-bottom:12px!important;
}
#report .section-title h2{
  font-size:16px!important;
}
#report .section-title .ico{
  width:32px!important;
  height:32px!important;
  border-radius:11px!important;
  font-size:16px!important;
}
#report .info-row{
  padding:8px 10px!important;
  font-size:11.5px!important;
  line-height:1.45!important;
}
#report .field{
  margin-bottom:10px!important;
}
#report .field label{
  font-size:11.5px!important;
  margin-bottom:6px!important;
}
#report textarea#scamContent{
  min-height:84px!important;
}
#report .evidence-guide-box{
  gap:5px!important;
  margin-bottom:8px!important;
}
#report .evidence-guide-item{
  font-size:10.5px!important;
  padding:3px 8px!important;
}
#report .evidence-upload-btn{
  height:42px!important;
}
#report .report-agree-box{
  padding:10px 11px!important;
  margin:10px 0 12px!important;
}
#report .report-agree-label{
  font-size:11.5px!important;
  line-height:1.5!important;
}
#report .captcha-box{
  padding:10px 11px!important;
}
#report .captcha-question span{
  font-size:14px!important;
  padding:6px 11px!important;
}

@media(max-width:1024px){
  #report .report-layout{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  #report .policy-summary-item{grid-template-columns:1fr;gap:3px}
  #report .trust-banner{display:none}
}

/* ─── REPORT FORM SEPARATION: search-first official UX ─── */
#report .report-layout{
  grid-template-columns:minmax(300px,360px) minmax(0,1fr)!important;
}
#report .report-guide-col{gap:16px!important}
#report .report-user-guide-card{
  padding:22px!important;
  border-radius:22px!important;
  background:linear-gradient(160deg,rgba(15,23,42,.88),rgba(10,16,30,.82))!important;
  border:1px solid rgba(255,255,255,.105)!important;
  position:sticky;
  top:84px;
}
#report .report-guide-kicker{
  display:inline-flex;
  align-items:center;
  height:26px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(249,115,22,.12);
  border:1px solid rgba(249,115,22,.25);
  color:#fdba74;
  font-size:11px;
  font-weight:950;
  letter-spacing:.8px;
  margin-bottom:12px;
}
#report .report-user-guide-card h2{
  margin:0;
  color:#fff;
  font-size:24px;
  line-height:1.28;
  letter-spacing:-.8px;
  font-weight:950;
}
#report .report-guide-desc{
  margin:10px 0 0;
  color:#a9bbd4;
  font-size:13px;
  line-height:1.65;
  font-weight:700;
}
#report .report-guide-search-tip{
  margin-top:16px;
  padding:14px;
  border-radius:16px;
  background:rgba(56,189,248,.075);
  border:1px solid rgba(56,189,248,.18);
}
#report .report-guide-search-tip b{
  display:block;
  color:#7dd3fc;
  font-size:13px;
  font-weight:950;
  margin-bottom:5px;
}
#report .report-guide-search-tip span{
  color:#c8d6e9;
  font-size:12px;
  line-height:1.55;
  font-weight:700;
}
#report .report-guide-list{
  display:grid;
  gap:8px;
  margin:16px 0 0;
  padding:0;
  list-style:none;
}
#report .report-guide-list li{
  display:grid;
  grid-template-columns:62px 1fr;
  gap:8px;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.07);
}
#report .report-guide-list li:last-child{border-bottom:0}
#report .report-guide-list b{
  color:#fff;
  font-size:12px;
  font-weight:950;
}
#report .report-guide-list span{
  color:#9fb2d0;
  font-size:12px;
  line-height:1.45;
  font-weight:700;
}
#report .report-guide-notice{
  margin-top:14px;
  padding:12px;
  border-radius:14px;
  background:rgba(251,191,36,.075);
  border:1px solid rgba(251,191,36,.16);
  color:#fde68a;
  font-size:11.5px;
  line-height:1.55;
  font-weight:800;
}
#report .report-submit-cta-card{
  display:grid;
  gap:10px;
  padding:18px!important;
  border-radius:20px!important;
  background:linear-gradient(150deg,rgba(249,115,22,.13),rgba(167,139,250,.075))!important;
  border:1px solid rgba(249,115,22,.22)!important;
}
#report .report-submit-cta-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:rgba(249,115,22,.16);
  font-size:21px;
}
#report .report-submit-cta-card h2{
  margin:0;
  color:#fff;
  font-size:17px;
  font-weight:950;
}
#report .report-submit-cta-card p{
  margin:5px 0 0;
  color:#a9bbd4;
  font-size:12.5px;
  line-height:1.55;
  font-weight:700;
}
#report .report-open-form-btn{
  width:100%;
  height:44px;
  background:linear-gradient(135deg,#f97316,#fb923c)!important;
  box-shadow:0 12px 28px rgba(249,115,22,.18);
}
.report-form-modal .report-form-box{
  width:min(680px,100%);
  max-height:86vh;
}
.report-form-alert{
  margin-bottom:14px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(251,191,36,.075);
  border:1px solid rgba(251,191,36,.18);
  color:#fde68a;
  font-size:12px;
  line-height:1.55;
  font-weight:800;
}
.report-form-modal textarea#scamContent{min-height:110px!important}
@media(max-width:1024px){
  #report .report-user-guide-card{position:relative;top:auto}
}

/* ─── REPORT UX PATCH: top CTA + category 강조 ─── */
#report .report-title-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
#report .report-title-submit-btn{
  height:40px;
  padding:0 18px;
  background:linear-gradient(135deg,#f97316,#fb923c)!important;
  box-shadow:0 12px 28px rgba(249,115,22,.18);
}
.report-form-grid-2{
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
}
.form-select{
  width:100%;
  min-height:44px;
  border:0;
  outline:0;
  background:transparent;
  color:#e2e8f0;
  font-size:14px;
  font-weight:800;
}
.form-select option{background:#111827;color:#e5e7eb}
.scam-category-badge{
  display:inline-flex;
  align-items:center;
  height:24px;
  padding:0 9px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(249,115,22,.22),rgba(251,146,60,.14));
  border:1px solid rgba(249,115,22,.35);
  color:#fed7aa;
  font-size:11px;
  font-weight:950;
  white-space:nowrap;
}
@media(max-width:680px){
  .report-form-grid-2{grid-template-columns:1fr!important}
  #report .report-title-actions{justify-content:flex-start;width:100%}
  #report .report-title-submit-btn{width:100%}
}

/* REPORT FINAL PATCH: CTA 위치 / 폼 필드 높이 / 첨부 안내 */
#report .report-title-submit-btn{display:none!important}
#report .report-submit-cta-card{order:-1}
.report-form-modal .input-wrap,
.report-form-modal .input-wrap input,
.report-form-modal .input-wrap select,
.report-form-modal .form-select{
  height:48px!important;
  min-height:48px!important;
  box-sizing:border-box!important;
}
.report-form-modal .input-wrap{
  display:flex!important;
  align-items:center!important;
}
.report-form-modal .input-wrap input,
.report-form-modal .input-wrap select,
.report-form-modal .form-select{
  width:100%!important;
  padding:0 14px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  line-height:48px!important;
  appearance:auto;
  -webkit-appearance:menulist;
}
.report-form-modal .input-wrap select.form-select{
  font-size:14px!important;
  font-weight:850!important;
}
.evidence-upload-btn::after{
  content:' · 여러 번 눌러 최대 5개까지 추가 가능';
  margin-left:4px;
  opacity:.72;
  font-size:11px;
  font-weight:800;
}
@media(max-width:520px){
  .evidence-upload-btn::after{content:''}
}

/* REPORT CTA COMPACT PATCH */
#report .report-submit-cta-card{
  gap:8px!important;
  padding:14px!important;
  border-radius:18px!important;
}
#report .report-submit-cta-head{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
#report .report-submit-cta-icon{
  width:38px!important;
  height:38px!important;
  border-radius:13px!important;
  font-size:19px!important;
  flex:0 0 38px!important;
}
#report .report-submit-cta-card h2{
  margin:0!important;
  font-size:16px!important;
  line-height:1.2!important;
}
#report .report-submit-cta-card p{
  margin:0!important;
  font-size:12px!important;
  line-height:1.45!important;
}
#report .report-open-form-btn{
  height:40px!important;
  margin-top:2px!important;
}


/* REPORT DETAIL FIX: textarea 위치 / 증거 이미지 확대 */
.report-form-modal .report-field-label{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  line-height:1.5!important;
  margin-bottom:8px!important;
}
.report-form-modal .report-field-label .required-dot{
  position:static!important;
  margin-left:0!important;
  flex:0 0 auto!important;
}
.report-form-modal .textarea-wrap{
  height:auto!important;
  min-height:122px!important;
  align-items:flex-start!important;
  padding:10px 12px!important;
}
.report-form-modal .textarea-wrap textarea#scamContent,
.report-form-modal textarea#scamContent{
  min-height:100px!important;
  height:100px!important;
  padding:0!important;
  line-height:1.65!important;
  resize:vertical!important;
  display:block!important;
}
.report-form-modal textarea#scamContent::placeholder{
  line-height:1.65!important;
}
.evidence-image-btn{
  display:block;
  width:100%;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  cursor:zoom-in;
}
.evidence-image-btn img{
  width:100%;
  height:110px;
  object-fit:cover;
  display:block;
}
.evidence-image-modal{
  position:fixed;
  inset:0;
  z-index:200000!important;
  display:none;
  align-items:center;
  justify-content:center;
  padding:28px;
  background:rgba(3,7,18,.86);
  backdrop-filter:blur(10px);
}
.evidence-image-modal.active{display:flex}
.evidence-image-modal img{
  max-width:min(96vw,1100px);
  max-height:88vh;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 24px 80px rgba(0,0,0,.55);
  background:#020617;
}
.evidence-image-close{
  position:fixed;
  top:18px;
  right:18px;
  width:42px;
  height:42px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(15,23,42,.88);
  color:#fff;
  font-size:26px;
  font-weight:900;
  cursor:pointer;
}
.evidence-image-close:hover{filter:brightness(1.18)}


/* 증거 이미지 확대 모달은 상세 모달보다 항상 위에 표시 */
.evidence-image-modal{
  z-index:200000!important;
}
.evidence-image-modal.active{
  display:flex!important;
}
.evidence-image-close{
  z-index:200001!important;
}

/* DB 연동 전 정리: 섹션 보조 문구 */
.section-subtext{
  margin:4px 0 0;
  font-size:12px;
  line-height:1.45;
  color:rgba(203,213,225,.72);
}


/* Scam pending public blind state */
.report-card.pending-blind{
  cursor:default;
}
.report-card.pending-blind .blind-field{
  filter:blur(4px);
  opacity:.72;
  user-select:none;
}
.report-card.pending-blind .scam-card-actions .muted{
  color:#facc15;
  font-weight:800;
}
.report-card.pending-blind .scam-card-row::after{
  content:'운영자 검토중 · 상세 내용/피해물품/증거는 승인 후 공개';
  display:inline-flex;
  margin-top:8px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(245,158,11,.12);
  border:1px solid rgba(245,158,11,.28);
  color:#facc15;
  font-size:12px;
  font-weight:800;
}

.input-error{outline:2px solid rgba(248,113,113,.95)!important;box-shadow:0 0 0 4px rgba(248,113,113,.18)!important;}

.form-help{margin-top:7px;font-size:12px;line-height:1.55;color:#94a3b8;}
.scam-content-help{padding:9px 11px;border:1px solid rgba(251,191,36,.22);background:rgba(251,191,36,.07);border-radius:10px;color:#facc15;}
#planetRuntimeToast{font-family:inherit;}

/* Scam need-edit state */
.scam-card-status.need-edit,
.status-badge.need_edit,
.status-badge.need-edit{
  background:rgba(168,85,247,.12);
  border:1px solid rgba(168,85,247,.28);
  color:#d8b4fe;
}
.edit-reason-box{
  border:1px solid rgba(168,85,247,.28)!important;
  background:rgba(88,28,135,.20)!important;
}

/* 공지/업데이트 더보기 및 전체 목록 페이지 */
.more-link{
  display:inline-flex;align-items:center;gap:4px;
  padding:7px 12px;border-radius:999px;
  border:1px solid rgba(139,92,246,.34);
  background:rgba(139,92,246,.10);
  color:#c7d2fe;font-size:12px;font-weight:800;
  text-decoration:none;letter-spacing:-.02em;
  transition:.18s ease;
}
.more-link:hover{color:#fff;background:rgba(139,92,246,.20);border-color:rgba(167,139,250,.55);transform:translateY(-1px)}
.archive-page{max-width:1120px;margin:0 auto;padding:36px 20px 64px;position:relative;z-index:1}
.archive-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:26px 0 18px}
.archive-hero h1{margin:0;color:#f8fafc;font-size:34px;letter-spacing:-.05em}
.archive-hero p{margin:10px 0 0;color:#94a3b8;font-size:15px;line-height:1.6}
.archive-back{color:#c7d2fe;text-decoration:none;font-size:13px;font-weight:800;padding:9px 13px;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.58)}
.archive-back:hover{color:#fff;border-color:rgba(167,139,250,.45)}
.archive-card{border:1px solid rgba(148,163,184,.16);border-radius:24px;background:rgba(15,23,42,.62);box-shadow:0 20px 70px rgba(0,0,0,.22);overflow:hidden}
.archive-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px;border-bottom:1px solid rgba(148,163,184,.12)}
.archive-search{flex:1;max-width:420px;height:42px;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:rgba(2,6,23,.34);color:#e5e7eb;padding:0 14px;outline:none}
.archive-search:focus{border-color:rgba(129,140,248,.55);box-shadow:0 0 0 3px rgba(99,102,241,.12)}
.archive-count{font-size:13px;color:#94a3b8;font-weight:700}
.archive-list{padding:10px 18px 18px}
.archive-row{display:grid;grid-template-columns:1fr 110px;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(148,163,184,.10);cursor:pointer}
.archive-row:last-child{border-bottom:0}
.archive-row:hover .archive-title{color:#fff}
.archive-title-wrap{display:flex;align-items:center;gap:10px;min-width:0}
.archive-tag{flex:0 0 auto;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;color:#c4b5fd;background:rgba(139,92,246,.18);border:1px solid rgba(139,92,246,.28)}
.archive-tag.update{color:#7dd3fc;background:rgba(14,165,233,.15);border-color:rgba(14,165,233,.28)}
.archive-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e2e8f0;font-weight:800;letter-spacing:-.03em}
.archive-date{text-align:right;color:#64748b;font-size:13px;font-weight:800}
.archive-empty{padding:42px 18px;text-align:center;color:#94a3b8;font-weight:700}
.archive-pagination{display:flex;justify-content:center;gap:8px;padding:18px;border-top:1px solid rgba(148,163,184,.10)}
.archive-page-btn{min-width:36px;height:36px;border-radius:12px;border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.65);color:#cbd5e1;font-weight:800;cursor:pointer}
.archive-page-btn.active,.archive-page-btn:hover{background:rgba(139,92,246,.18);border-color:rgba(167,139,250,.45);color:#fff}
.archive-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(2,6,23,.72);backdrop-filter:blur(10px)}
.archive-modal.show{display:flex}
.archive-modal-box{width:min(760px,100%);max-height:82vh;overflow:auto;border:1px solid rgba(148,163,184,.22);border-radius:22px;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(10,15,28,.98));box-shadow:0 24px 80px rgba(0,0,0,.45)}
.archive-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:22px 24px;border-bottom:1px solid rgba(148,163,184,.13)}
.archive-modal-title{margin:0;font-size:22px;line-height:1.35;letter-spacing:-.03em;color:#f8fafc}
.archive-modal-meta{margin-top:8px;color:#94a3b8;font-size:13px}.archive-modal-body{padding:24px;color:#dbeafe;font-size:15px;line-height:1.75;white-space:pre-wrap;word-break:break-word}.archive-modal-close{border:0;background:rgba(148,163,184,.14);color:#e2e8f0;border-radius:12px;padding:9px 12px;cursor:pointer}.archive-modal-close:hover{background:rgba(148,163,184,.24)}
@media(max-width:720px){.archive-page{padding:20px 14px 48px}.archive-hero{align-items:flex-start;flex-direction:column}.archive-hero h1{font-size:28px}.archive-toolbar{align-items:stretch;flex-direction:column}.archive-search{max-width:none;width:100%;box-sizing:border-box}.archive-row{grid-template-columns:1fr}.archive-date{text-align:left}.archive-title{white-space:normal}}


/* ─── DISCORD AUTH ─── */
.nav{
  gap:14px;
}
.menu{
  margin-left:auto;
  margin-right:10px;
}
.nav-auth{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-width:142px;
}
.discord-login-btn,
.discord-user-chip{
  height:36px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 12px;
  border-radius:12px;
  text-decoration:none;
  color:#fff;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
  background:linear-gradient(135deg,#5865f2,#7c3aed);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 10px 26px rgba(88,101,242,.22);
  transition:.15s;
}
.discord-login-btn:hover,
.discord-user-chip:hover{
  transform:translateY(-1px);
  filter:brightness(1.07);
}
.discord-icon{
  width:20px;
  height:20px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:12px;
  background:rgba(255,255,255,.18);
}
.discord-avatar{
  width:22px;
  height:22px;
  border-radius:50%;
  object-fit:cover;
  background:rgba(255,255,255,.18);
}
.discord-name{
  display:inline-block;
  max-width:92px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.discord-logout{
  margin-left:4px;
  color:rgba(255,255,255,.72);
  font-size:11px;
  font-weight:900;
}
@media (max-width:860px){
  .nav{gap:8px;padding:0 12px}
  .menu{gap:0;margin-right:4px}
  .menu a{font-size:12px;padding:8px 7px}
  .nav-auth{min-width:auto}
  .discord-login-btn span:last-child{display:none}
  .discord-login-btn{width:38px;justify-content:center;padding:0}
  .discord-user-chip{padding:0 8px}
  .discord-name{display:none}
}


/* ═══════════════════════════════════════════
   구인구직 / Jobs
═══════════════════════════════════════════ */
.jobs-page-title{align-items:flex-end}.jobs-title-actions{display:flex;gap:10px;align-items:center}
.jobs-layout{display:grid;grid-template-columns:230px 1fr;gap:16px;align-items:start}.jobs-side-card{position:sticky;top:88px;padding:18px}.jobs-side-title{font-weight:900;color:#f8fafc;margin-bottom:12px}.jobs-category-tabs{display:grid;gap:8px}.jobs-category-tabs button,.jobs-segment button,.jobs-write-tabs button{border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.55);color:#cbd5e1;border-radius:12px;padding:11px 12px;font-weight:900;cursor:pointer;transition:.16s;text-align:left}.jobs-category-tabs button:hover,.jobs-segment button:hover,.jobs-write-tabs button:hover{background:rgba(88,101,242,.16);color:#fff}.jobs-category-tabs button.active,.jobs-segment button.active,.jobs-write-tabs button.active{background:linear-gradient(135deg,#5865f2,#7c5cff);border-color:rgba(255,255,255,.18);color:#fff;box-shadow:0 10px 22px rgba(88,101,242,.22)}.jobs-tip-box{margin-top:16px;padding:14px;border-radius:16px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.16);color:#bbf7d0}.jobs-tip-box b{display:block;margin-bottom:6px;color:#dcfce7}.jobs-tip-box p{margin:0;font-size:13px;line-height:1.6;color:#a7f3d0}.jobs-main{display:grid;gap:14px}.jobs-filter-card{padding:16px}.jobs-filter-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.jobs-segment,.jobs-write-tabs{display:flex;gap:8px}.jobs-segment button,.jobs-write-tabs button{text-align:center;padding:10px 14px}.jobs-search-wrap{display:flex;gap:8px;min-width:360px}.jobs-search-wrap input{width:100%;height:42px;border:1px solid rgba(148,163,184,.16);background:rgba(2,6,23,.35);color:#e5e7eb;border-radius:12px;padding:0 14px;outline:none}.jobs-status-line{display:flex;justify-content:space-between;gap:10px;margin-top:12px;color:#94a3b8;font-size:13px}.jobs-status-line b,.jobs-status-line span:first-child{color:#e0e7ff;font-weight:900}.jobs-list{display:grid;gap:12px}.job-card{padding:18px;cursor:pointer;transition:.16s;border:1px solid rgba(148,163,184,.13)}.job-card:hover{transform:translateY(-2px);border-color:rgba(88,101,242,.38);box-shadow:0 18px 50px rgba(0,0,0,.22)}.job-card.closed{opacity:.58}.job-card-top,.job-card-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center}.job-badges{display:flex;flex-wrap:wrap;gap:7px}.job-cat,.job-mode,.job-state{display:inline-flex;align-items:center;height:26px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:900}.job-cat{background:rgba(96,165,250,.14);color:#bfdbfe}.job-mode{background:rgba(34,197,94,.14);color:#bbf7d0}.job-mode.looking{background:rgba(244,114,182,.14);color:#fbcfe8}.job-state{background:rgba(34,197,94,.14);color:#86efac}.job-state.closed{background:rgba(148,163,184,.14);color:#cbd5e1}.job-left{font-size:13px;color:#a5b4fc;font-weight:900}.job-card h3{margin:14px 0 8px;font-size:19px;letter-spacing:-.03em;color:#f8fafc}.job-meta-line{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.job-meta-line span{padding:6px 9px;border-radius:10px;background:rgba(15,23,42,.7);border:1px solid rgba(148,163,184,.12);color:#cbd5e1;font-size:13px}.job-card p{margin:0;color:#cbd5e1;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.job-card-bottom{margin-top:14px;color:#94a3b8;font-size:13px}.job-contact-mini{height:36px;border:0;border-radius:10px;padding:0 13px;background:#5865f2;color:#fff;font-weight:900;cursor:pointer}.job-contact-mini:disabled{background:rgba(148,163,184,.2);cursor:not-allowed}.jobs-empty{text-align:center;padding:48px;color:#cbd5e1}.jobs-empty span{color:#94a3b8}.jobs-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(2,6,23,.72);backdrop-filter:blur(10px)}.jobs-modal.show{display:flex}.jobs-modal-box{width:min(780px,100%);max-height:86vh;overflow:auto;border:1px solid rgba(148,163,184,.18);border-radius:24px;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(10,15,28,.98));box-shadow:0 24px 80px rgba(0,0,0,.45);padding:22px}.jobs-modal-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.jobs-modal-head h2{margin:0;color:#f8fafc;letter-spacing:-.04em}.jobs-modal-head p{margin:6px 0 0;color:#94a3b8}.jobs-modal-close{border:0;background:rgba(148,163,184,.14);color:#e2e8f0;border-radius:12px;padding:9px 12px;cursor:pointer}.jobs-write-grid,.jobs-dynamic-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.jobs-select{height:44px;border:1px solid rgba(148,163,184,.16);background:rgba(2,6,23,.35);color:#e5e7eb;border-radius:12px;padding:0 12px;outline:none}.jobs-write-actions,.jobs-detail-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.jobs-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.jobs-detail-grid div{padding:12px;border-radius:14px;background:rgba(15,23,42,.62);border:1px solid rgba(148,163,184,.12)}.jobs-detail-grid b{display:block;color:#94a3b8;font-size:12px;margin-bottom:5px}.jobs-detail-grid span{color:#f8fafc;font-weight:800}.jobs-detail-content{padding:16px;border-radius:16px;background:rgba(2,6,23,.32);border:1px solid rgba(148,163,184,.12);color:#e2e8f0;line-height:1.75;word-break:break-word}.jobs-detail-help{margin-top:12px;color:#a5b4fc;font-size:13px}.discord-login-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:#5865F2;color:#fff;font-weight:900;text-decoration:none;white-space:nowrap}.discord-login-btn:hover{filter:brightness(1.07)}.user-menu-wrap{position:relative}.discord-user-btn{display:flex;align-items:center;gap:8px;border:0;cursor:pointer;background:#5865F2;color:#fff;padding:8px 12px;border-radius:12px;font-weight:900;max-width:160px}.discord-avatar{width:24px;height:24px;border-radius:50%;flex-shrink:0}.discord-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:150px;background:#1f2330;border:1px solid rgba(148,163,184,.14);border-radius:12px;display:none;overflow:hidden;z-index:999}.user-dropdown.show{display:block}.user-dropdown a{display:block;padding:12px 14px;color:#fff;text-decoration:none;font-weight:800}.user-dropdown a:hover{background:rgba(255,255,255,.08)}
@media(max-width:900px){.jobs-layout{grid-template-columns:1fr}.jobs-side-card{position:static}.jobs-category-tabs{grid-template-columns:repeat(3,1fr)}.jobs-filter-row{flex-direction:column;align-items:stretch}.jobs-search-wrap{min-width:0}.jobs-write-grid,.jobs-dynamic-grid,.jobs-detail-grid{grid-template-columns:1fr}.job-card-top,.job-card-bottom{align-items:flex-start;flex-direction:column}.jobs-page-title{align-items:flex-start}.jobs-title-actions{width:100%}.jobs-title-actions .btn{flex:1}}


/* === Compact jobs board override === */
.jobs-layout{grid-template-columns:170px 1fr!important;gap:10px!important}.jobs-side-card{padding:12px!important}.jobs-side-title{margin-bottom:8px!important;font-size:13px!important}.jobs-category-tabs{gap:5px!important}.jobs-category-tabs button{padding:8px 9px!important;border-radius:9px!important;font-size:13px!important}.jobs-tip-box{margin-top:10px!important;padding:10px!important;border-radius:12px!important}.jobs-tip-box p{font-size:12px!important;line-height:1.45!important}.jobs-main{gap:8px!important}.jobs-filter-card{padding:10px 12px!important}.jobs-filter-row{gap:8px!important}.jobs-segment button{height:32px!important;padding:0 10px!important;border-radius:9px!important;font-size:13px!important}.jobs-search-wrap{min-width:300px!important}.jobs-search-wrap input{height:34px!important;border-radius:9px!important;font-size:13px!important}.jobs-search-wrap .btn{height:34px!important;padding:0 10px!important}.jobs-status-line{margin-top:7px!important;font-size:12px!important}.jobs-list{gap:5px!important}.job-card-compact{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;border-radius:12px!important;min-height:58px!important;cursor:pointer!important}.job-card-compact:hover{transform:none!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important}.job-row-left{min-width:0!important}.job-title-line{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important}.job-title-line strong{font-size:14px!important;color:#f8fafc!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.job-cat,.job-mode,.job-state{height:21px!important;padding:0 7px!important;border-radius:999px!important;font-size:11px!important;flex-shrink:0!important}.job-meta-line{margin:5px 0 0!important;gap:4px!important;white-space:nowrap!important;overflow:hidden!important}.job-meta-line span{padding:3px 6px!important;border-radius:7px!important;font-size:11px!important}.job-row-right{display:grid!important;grid-template-columns:auto auto auto!important;align-items:center!important;gap:8px!important;white-space:nowrap!important}.job-left{font-size:12px!important}.job-author{font-size:11px!important;color:#94a3b8!important;max-width:130px!important;overflow:hidden!important;text-overflow:ellipsis!important}.job-contact-mini{height:28px!important;border-radius:8px!important;padding:0 10px!important;font-size:12px!important}.jobs-empty{padding:30px!important}.jobs-page-title{margin-bottom:14px!important}.jobs-page-title h1{font-size:32px!important}.jobs-page-title p{font-size:14px!important}.jobs-title-actions .btn{height:36px!important;padding:0 12px!important}.jobs-modal-box{width:min(720px,100%)!important;padding:18px!important;border-radius:20px!important}.jobs-write-grid,.jobs-dynamic-grid{gap:9px!important}.jobs-select{height:40px!important;border-radius:10px!important}.jobs-detail-grid{gap:7px!important}.jobs-detail-grid div{padding:9px!important;border-radius:11px!important}.jobs-detail-content{padding:12px!important;border-radius:12px!important;line-height:1.6!important}
@media(max-width:900px){.jobs-layout{grid-template-columns:1fr!important}.jobs-side-card{position:static!important}.jobs-category-tabs{grid-template-columns:repeat(7,1fr)!important}.jobs-category-tabs button{text-align:center!important;padding:8px 4px!important}.jobs-filter-row{flex-direction:column!important;align-items:stretch!important}.jobs-search-wrap{min-width:0!important}.job-card-compact{grid-template-columns:1fr!important}.job-row-right{grid-template-columns:auto auto!important;justify-content:space-between!important}.job-author{display:none!important}.jobs-write-grid,.jobs-dynamic-grid,.jobs-detail-grid{grid-template-columns:1fr!important}}

/* jobs category/detail refinement */
.jobs-subfilter{
  display:none;
  flex-wrap:wrap;
  gap:6px;
  margin:8px 0 0;
}
.jobs-subfilter button{
  height:28px;
  padding:0 9px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.16);
  background:rgba(15,23,42,.62);
  color:#cbd5e1;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.jobs-subfilter button:hover{background:rgba(88,101,242,.16);color:#fff}
.jobs-subfilter button.active{background:#5865f2;color:#fff;border-color:rgba(255,255,255,.2)}
.jobs-empty-compact{
  min-height:42px!important;
  padding:14px 16px!important;
  border-radius:12px!important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:#cbd5e1;
  background:rgba(15,23,42,.55);
  border:1px solid rgba(148,163,184,.14);
  text-align:center;
}
.jobs-empty-compact span{color:#94a3b8}
.jobs-select option{background:#111827;color:#e5e7eb}
.jobs-select:focus,.jobs-search-wrap input:focus,.jobs-dynamic-grid input:focus,.jobs-write-grid input:focus,.jobs-modal textarea:focus{
  border-color:rgba(88,101,242,.55)!important;
  box-shadow:0 0 0 3px rgba(88,101,242,.16)!important;
}
.job-card-compact{min-height:46px!important;padding:6px 9px!important;}
.job-meta-line{margin:3px 0 0!important;}
.job-contact-mini{height:26px!important;}
.jobs-filter-card{padding:9px 11px!important;}
.jobs-status-line{margin-top:6px!important;}
@media(max-width:900px){.jobs-category-tabs{grid-template-columns:repeat(7,1fr)!important}.jobs-subfilter button{height:28px;padding:0 8px}.jobs-empty-compact{font-size:13px}}

/* === Jobs official polish / compact readability fix === */
.jobs-side-card{
  background:linear-gradient(180deg,rgba(30,41,59,.82),rgba(15,23,42,.76))!important;
  border-color:rgba(96,165,250,.22)!important;
}
.jobs-side-title{
  display:flex!important;align-items:center!important;gap:6px!important;
  color:#eaf2ff!important;font-size:14px!important;
}
.jobs-side-title::before{content:'📌';font-size:14px}
.jobs-category-tabs{
  background:rgba(2,6,23,.28)!important;
  border:1px solid rgba(148,163,184,.12)!important;
  border-radius:14px!important;
  padding:6px!important;
}
.jobs-category-tabs button{
  height:34px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:transparent!important;
  border:1px solid transparent!important;
  color:#aebbd1!important;
  font-weight:900!important;
}
.jobs-category-tabs button:hover{background:rgba(88,101,242,.14)!important;color:#fff!important}
.jobs-category-tabs button.active{
  background:linear-gradient(135deg,#5865f2,#7c3aed)!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(88,101,242,.28)!important;
}
.jobs-tip-box{border-color:rgba(96,165,250,.18)!important;background:rgba(15,23,42,.44)!important}
.jobs-filter-card{
  background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(8,13,25,.72))!important;
  border-color:rgba(96,165,250,.18)!important;
}
.jobs-search-wrap{
  border:1px solid rgba(148,163,184,.25)!important;
  border-radius:12px!important;
  background:rgba(2,6,23,.55)!important;
  padding:3px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.jobs-search-wrap:focus-within{border-color:rgba(88,101,242,.62)!important;box-shadow:0 0 0 3px rgba(88,101,242,.14)!important}
.jobs-search-wrap input{
  background:transparent!important;
  border:0!important;
  color:#e5e7eb!important;
  padding:0 10px!important;
}
.jobs-search-wrap input::placeholder{color:#7f8da3!important;font-weight:800!important}
#jobsSearchReset{
  min-width:68px!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:9px!important;
}
.jobs-subfilter{
  padding:6px!important;
  border-radius:13px!important;
  background:rgba(2,6,23,.24)!important;
  border:1px solid rgba(148,163,184,.11)!important;
}
.jobs-subfilter button.active{background:linear-gradient(135deg,#3b82f6,#5865f2)!important}
.job-card-compact{
  border-color:rgba(96,165,250,.14)!important;
  background:rgba(15,23,42,.54)!important;
}
.job-cat{background:rgba(59,130,246,.22)!important;color:#dbeafe!important;border:1px solid rgba(96,165,250,.25)!important}
.job-mode{background:rgba(34,197,94,.2)!important;color:#bbf7d0!important;border:1px solid rgba(34,197,94,.22)!important}
.job-mode.looking{background:rgba(244,114,182,.18)!important;color:#fbcfe8!important;border-color:rgba(244,114,182,.24)!important}
.job-state{background:rgba(16,185,129,.18)!important;color:#a7f3d0!important;border:1px solid rgba(16,185,129,.26)!important}
.job-meta-line span{
  background:rgba(30,41,59,.9)!important;
  border:1px solid rgba(96,165,250,.20)!important;
  color:#f1f5f9!important;
  font-weight:850!important;
}
.job-left{
  color:#fde68a!important;
  background:rgba(245,158,11,.11)!important;
  border:1px solid rgba(245,158,11,.18)!important;
  border-radius:999px!important;
  padding:4px 8px!important;
}
.job-author{color:#cbd5e1!important}.job-author b{color:#fff!important;font-weight:900!important}
.job-contact-mini{background:linear-gradient(135deg,#5865f2,#7c3aed)!important;box-shadow:0 7px 18px rgba(88,101,242,.26)!important}
.jobs-empty-compact{min-height:36px!important;padding:10px 14px!important}
.jobs-modal-box{border-color:rgba(96,165,250,.22)!important}
.jobs-modal .field label{color:#dbeafe!important;font-weight:900!important}
.jobs-modal .input-wrap,
.jobs-modal .jobs-select,
.jobs-modal textarea,
.jobs-dynamic-grid .input-wrap,
.jobs-write-grid .input-wrap{
  border:1px solid rgba(148,163,184,.28)!important;
  background:rgba(2,6,23,.62)!important;
  border-radius:12px!important;
}
.jobs-modal input,
.jobs-modal textarea{color:#f8fafc!important}
.jobs-select{color:#f8fafc!important;background:rgba(2,6,23,.62)!important;border-color:rgba(148,163,184,.28)!important}
#jobAuthor[readonly]{opacity:.95;cursor:not-allowed;background:rgba(15,23,42,.45)!important}
.jobs-detail-grid div{border-color:rgba(96,165,250,.20)!important;background:rgba(15,23,42,.72)!important}
.jobs-detail-grid b{color:#93c5fd!important;font-weight:900!important}.jobs-detail-grid span{color:#fff!important;font-weight:950!important}
@media(max-width:900px){
  .jobs-search-wrap{min-width:0!important;width:100%!important}
  #jobsSearchReset{min-width:72px!important}
}

/* jobs: official compact filters + easy write modal */
.jobs-sub-filter{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(148,163,184,.10);
}
.jobs-sub-filter button{
  height:30px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.16);
  background:rgba(15,23,42,.62);
  color:#cbd5e1;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  transition:.15s;
}
.jobs-sub-filter button:hover{background:rgba(88,101,242,.16);color:#fff}
.jobs-sub-filter button.active{
  background:linear-gradient(135deg,#5865f2,#7c5cff);
  border-color:rgba(255,255,255,.18);
  color:#fff;
  box-shadow:0 8px 18px rgba(88,101,242,.2);
}
.jobs-title-preview{
  margin:12px 0;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(88,101,242,.24);
  background:linear-gradient(135deg,rgba(88,101,242,.16),rgba(14,165,233,.08));
  color:#f8fafc;
  font-weight:900;
  letter-spacing:-.02em;
  word-break:break-word;
}
.jobs-modal .field{margin-bottom:10px}
.jobs-modal .field label{
  display:block;
  margin-bottom:6px;
  color:#dbeafe;
  font-size:12px;
  font-weight:900;
}
.jobs-dynamic-grid .input-wrap input,
.jobs-write-grid .input-wrap input,
.jobs-modal textarea{
  border-color:rgba(148,163,184,.22)!important;
  background:rgba(2,6,23,.46)!important;
}
.jobs-modal textarea{
  min-height:120px;
  resize:vertical;
}
.jobs-write-tabs button{
  flex:1;
  height:40px;
}
.jobs-modal .jobs-select,
.jobs-modal select option{
  background:#101827;
  color:#f8fafc;
}
@media(max-width:900px){.jobs-sub-filter{gap:5px}.jobs-sub-filter button{font-size:11px;padding:0 8px}}


/* === Jobs write modal compact official form fix === */
.jobs-modal-box{
  width:min(920px,96vw)!important;
}
.jobs-modal-head{
  margin-bottom:12px!important;
}
.jobs-modal-head h2{
  font-size:22px!important;
}
.jobs-modal-head p{
  font-size:13px!important;
}
.jobs-write-grid,
.jobs-dynamic-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:end!important;
}
.jobs-write-top-grid{
  margin-bottom:8px!important;
}
.jobs-dynamic-grid{
  margin-bottom:8px!important;
}
.jobs-modal .field label{
  display:block!important;
  margin:0 0 5px!important;
  font-size:12px!important;
  font-weight:900!important;
  color:#dbeafe!important;
  line-height:1.1!important;
}
.jobs-modal .input-wrap input,
.jobs-modal .input-wrap textarea,
.jobs-modal .jobs-select{
  height:38px!important;
  border-radius:10px!important;
  border:1px solid rgba(148,163,184,.28)!important;
  background:rgba(2,6,23,.68)!important;
  color:#f8fafc!important;
  font-size:13px!important;
}
.jobs-modal .input-wrap input::placeholder,
.jobs-modal .input-wrap textarea::placeholder{
  color:#64748b!important;
}
.jobs-modal .input-wrap textarea{
  height:96px!important;
  min-height:96px!important;
  padding:11px 12px!important;
  line-height:1.55!important;
  resize:vertical!important;
}
.jobs-write-tabs{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
}
.jobs-write-tabs button{
  height:38px!important;
  padding:0 8px!important;
  border-radius:10px!important;
}
.jobs-title-preview{
  margin:6px 0 8px!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  background:rgba(88,101,242,.10)!important;
  border:1px solid rgba(88,101,242,.22)!important;
  color:#e0e7ff!important;
  font-size:13px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.jobs-modal .char-count{
  margin-top:4px!important;
  font-size:11px!important;
  color:#94a3b8!important;
  text-align:right!important;
}
.jobs-write-actions{
  margin-top:10px!important;
}
.jobs-write-actions .btn{
  height:38px!important;
  padding:0 14px!important;
}
@media(max-width:900px){
  .jobs-write-grid,
  .jobs-dynamic-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .jobs-modal-box{width:min(720px,96vw)!important;}
}
@media(max-width:560px){
  .jobs-write-grid,
  .jobs-dynamic-grid{
    grid-template-columns:1fr!important;
  }
}

/* === Jobs write radio polish === */
.jobs-write-step{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  margin-bottom:12px!important;
}
.jobs-radio-group{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
.jobs-radio-group button{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  background:rgba(15,23,42,.62)!important;
  color:#cbd5e1!important;
  font-weight:900!important;
  cursor:pointer!important;
  transition:.16s ease!important;
  box-shadow:none!important;
}
.jobs-radio-group button span{
  width:14px!important;
  height:14px!important;
  border-radius:999px!important;
  border:2px solid rgba(203,213,225,.72)!important;
  background:rgba(2,6,23,.3)!important;
  box-shadow:inset 0 0 0 3px rgba(15,23,42,.92)!important;
  flex-shrink:0!important;
}
.jobs-radio-group button:hover{
  border-color:rgba(124,92,255,.52)!important;
  background:rgba(88,101,242,.16)!important;
  color:#fff!important;
}
.jobs-radio-group button.active{
  background:linear-gradient(135deg,#5865f2,#7c5cff)!important;
  border-color:rgba(255,255,255,.2)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(88,101,242,.2)!important;
}
.jobs-radio-group button.active span{
  border-color:#fff!important;
  background:#fff!important;
  box-shadow:inset 0 0 0 4px #6865f2!important;
}
.jobs-write-cat-tabs button{min-width:76px!important;}
.jobs-write-tabs button{min-width:120px!important;}
.jobs-dynamic-grid .field label::after,
.jobs-write-grid .field label::after{content:'';}
#jobAuthor::placeholder{color:#64748b!important;}
.jobs-modal-box .input-wrap input,
.jobs-modal-box textarea,
.jobs-modal-box .jobs-select{
  border-color:rgba(148,163,184,.26)!important;
  background:rgba(2,6,23,.58)!important;
}
@media(max-width:700px){
  .jobs-write-cat-tabs button{min-width:calc(33.333% - 6px)!important;}
  .jobs-write-tabs button{flex:1!important;min-width:0!important;}
}


/* === Jobs write radio FINAL fix: native button reset + clean single-select pills === */
.jobs-write-step .jobs-radio-group,
.jobs-modal-box .jobs-radio-group{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
.jobs-write-step .jobs-radio-group button,
.jobs-modal-box .jobs-radio-group button,
.jobs-write-step button[data-write-mode],
.jobs-write-step button[data-write-cat]{
  all:unset!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  height:38px!important;
  min-width:88px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  border:1px solid rgba(148,163,184,.26)!important;
  background:rgba(15,23,42,.82)!important;
  color:#cbd5e1!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  cursor:pointer!important;
  user-select:none!important;
  text-align:center!important;
  line-height:1!important;
  box-shadow:none!important;
}
.jobs-write-step .jobs-radio-group button span,
.jobs-modal-box .jobs-radio-group button span{
  display:none!important;
}
.jobs-write-step .jobs-radio-group button::before,
.jobs-modal-box .jobs-radio-group button::before,
.jobs-write-step button[data-write-mode]::before,
.jobs-write-step button[data-write-cat]::before{
  content:''!important;
  width:12px!important;
  height:12px!important;
  border-radius:999px!important;
  border:2px solid rgba(203,213,225,.65)!important;
  background:transparent!important;
  box-sizing:border-box!important;
  flex:0 0 auto!important;
}
.jobs-write-step .jobs-radio-group button:hover,
.jobs-modal-box .jobs-radio-group button:hover{
  border-color:rgba(124,92,255,.58)!important;
  background:rgba(88,101,242,.16)!important;
  color:#fff!important;
}
.jobs-write-step .jobs-radio-group button.active,
.jobs-modal-box .jobs-radio-group button.active,
.jobs-write-step button[data-write-mode].active,
.jobs-write-step button[data-write-cat].active{
  background:linear-gradient(135deg,#5865f2,#7c5cff)!important;
  border-color:rgba(255,255,255,.22)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(88,101,242,.18)!important;
}
.jobs-write-step .jobs-radio-group button.active::before,
.jobs-modal-box .jobs-radio-group button.active::before,
.jobs-write-step button[data-write-mode].active::before,
.jobs-write-step button[data-write-cat].active::before{
  border-color:#fff!important;
  background:#fff!important;
  box-shadow:inset 0 0 0 3px #6965f2!important;
}
.jobs-write-step .jobs-write-tabs button{flex:1 1 140px!important;}
.jobs-write-step .jobs-write-cat-tabs button{flex:1 1 86px!important;}
.jobs-modal-box .input-wrap{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;}
.jobs-modal-box .input-wrap input,
.jobs-modal-box .input-wrap textarea,
.jobs-modal-box textarea,
.jobs-modal-box .jobs-select{
  width:100%!important;
  border:1px solid rgba(148,163,184,.28)!important;
  background:rgba(2,6,23,.72)!important;
  box-shadow:none!important;
  outline:none!important;
}
.jobs-modal-box .input-wrap input:focus,
.jobs-modal-box .input-wrap textarea:focus,
.jobs-modal-box .jobs-select:focus{
  border-color:rgba(124,92,255,.72)!important;
  box-shadow:0 0 0 3px rgba(124,92,255,.14)!important;
}
#jobAuthor{background:rgba(2,6,23,.72)!important;}
@media(max-width:700px){
  .jobs-write-step .jobs-write-cat-tabs button{flex:1 1 calc(33.333% - 6px)!important;min-width:0!important;}
}


/* === mypage + auth management patch === */
.nav-auth{display:flex;align-items:center;gap:8px;flex-shrink:0}
.mypage-icon-btn{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.18);color:#fff;font-size:18px;font-weight:900;transition:.15s}
.mypage-icon-btn:hover{background:rgba(88,101,242,.20);border-color:rgba(88,101,242,.45);transform:translateY(-1px)}
.mypage-page{padding-top:84px!important;min-height:100vh}.mypage-card{max-width:880px;margin:0 auto;padding:26px!important}.mypage-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.mypage-head h1{margin:0 0 6px;color:#fff;font-size:30px;letter-spacing:-.04em}.mypage-head p,.mypage-desc{margin:0;color:#9db3d4;line-height:1.6}.mypage-login-required{padding:22px;border-radius:18px;background:rgba(15,23,42,.58);border:1px solid rgba(148,163,184,.14)}.mypage-login-required b{display:block;color:#fff;font-size:18px;margin-bottom:6px}.mypage-login-required p{color:#9db3d4;margin:0 0 14px}.mypage-profile-box{display:flex;align-items:center;gap:13px;padding:15px;border-radius:18px;background:rgba(15,23,42,.55);border:1px solid rgba(148,163,184,.14);margin-bottom:16px}.mypage-profile-box img{width:48px;height:48px;border-radius:50%}.mypage-profile-box b{display:block;color:#fff;font-size:17px}.mypage-profile-box p{margin:4px 0 0;color:#94a3b8;font-size:13px}.mypage-section{padding:18px;border-radius:20px;background:rgba(2,6,23,.28);border:1px solid rgba(148,163,184,.12);margin-top:14px}.mypage-section h2{margin:0 0 7px;color:#f8fafc;font-size:19px}.mypage-section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.mypage-nick-row{display:flex;gap:9px;margin-top:12px}.mypage-nick-row input{flex:1;height:42px;border-radius:12px;border:1px solid rgba(148,163,184,.24);background:rgba(2,6,23,.55);color:#fff;padding:0 13px;outline:none}.mypage-nick-row input:focus{border-color:rgba(88,101,242,.65);box-shadow:0 0 0 3px rgba(88,101,242,.14)}.mypage-jobs-list{display:grid;gap:8px;margin-top:13px}.mypage-empty{padding:14px;border-radius:14px;background:rgba(15,23,42,.5);border:1px dashed rgba(148,163,184,.22);color:#94a3b8;text-align:center}.mypage-job-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:11px 12px;border-radius:14px;background:rgba(15,23,42,.58);border:1px solid rgba(148,163,184,.14)}.mypage-job-row.closed{opacity:.55}.mypage-job-main{min-width:0}.mypage-job-main b{display:block;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mypage-job-main span{display:block;margin-top:4px;color:#94a3b8;font-size:12px}.mypage-job-actions{display:flex;gap:6px}.mypage-job-actions button{height:31px;border:0;border-radius:9px;padding:0 10px;background:rgba(88,101,242,.18);color:#dbeafe;font-weight:900;cursor:pointer}.mypage-job-actions button:hover{background:#5865f2;color:#fff}.mypage-job-actions button:disabled{opacity:.45;cursor:not-allowed}.mypage-job-actions button[data-act="delete"]{background:rgba(239,68,68,.16);color:#fecaca}.mypage-job-actions button[data-act="delete"]:hover{background:#ef4444;color:#fff}
@media(max-width:720px){.mypage-head,.mypage-section-title{flex-direction:column}.mypage-nick-row,.mypage-job-row{grid-template-columns:1fr;display:grid}.mypage-job-actions{flex-wrap:wrap}.mypage-job-actions button{flex:1}.discord-login-btn span:last-child{display:none}.discord-login-btn{padding:10px 12px}}