@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
:root{
  --brand:#122A54; --brand-d:#0A1730; --brand-l:#E8EEF9; --blue:#3D6FC4; --gold:#D8B65E; --gold-soft:#E9CE8E;
  --ink:#101828; --muted:#66708A; --line:#E3E7EF; --bg:#F7F8FB; --card:#fff;
  --warn:#b54708; --bad:#c0362c; --good:#067647;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:"Pretendard Variable",Pretendard,"Malgun Gothic","Apple SD Gothic Neo",sans-serif;background:var(--bg);color:var(--ink);
  font-size:15px;line-height:1.5;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
a{color:var(--brand)}
input,select,textarea,button{font:inherit;color:inherit}
input,select,textarea{border:1px solid var(--line);border-radius:10px;padding:.5rem .65rem;background:#fff;width:100%;min-width:0}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-l)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid var(--line);background:#fff;font-weight:600;
  border-radius:10px;padding:.55rem 1rem;cursor:pointer;text-decoration:none;color:var(--ink);white-space:nowrap}
.btn:hover{border-color:var(--brand)}
.btn.pri{background:var(--brand);border-color:var(--brand);color:#fff}
.btn.pri:hover{background:var(--brand-d)}
.btn.sm{padding:.25rem .55rem;font-size:.85rem}
.btn.danger{color:var(--bad)}
.btn[disabled]{opacity:.5;cursor:default}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px}
.muted{color:var(--muted)}
.num{font-variant-numeric:tabular-nums}
.r{text-align:right}
.msg{background:var(--brand-l);border:1px solid #c9d6ef;border-radius:10px;padding:.6rem .9rem;margin:0 0 1rem}
.msg.warn{background:#fef3f2;border-color:#fecdca}
table{border-collapse:collapse;width:100%}
th,td{padding:.5rem .55rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
th{font-size:.78rem;color:var(--muted);font-weight:700;background:#fafbfc}
.pill{display:inline-block;border-radius:99px;padding:.05rem .5rem;font-size:.75rem;background:#eef1f4;color:var(--muted)}
.pill.sent{background:#fff4e5;color:var(--warn)}
.pill.done{background:#e7f6ec;color:var(--good)}
.pill.prof{background:#f4ebff;color:#6941c6}

/* 관리 화면 */
.top{background:var(--brand);position:sticky;top:0;z-index:5}
.top .in{max-width:1200px;margin:0 auto;padding:.6rem 16px;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.logo{font-weight:800;color:#fff;text-decoration:none;font-size:1.05rem;letter-spacing:-.02em}
.logo i{font-style:normal;color:var(--gold);margin-right:.3rem}
.tabs{display:flex;gap:.2rem;flex-wrap:wrap}
.tabs a{padding:.45rem .8rem;border-radius:9px;text-decoration:none;color:rgba(255,255,255,.72);font-weight:600}
.tabs a:hover{color:#fff}
.tabs a.on{background:rgba(255,255,255,.12);color:#fff}
.tabs a .muted{color:rgba(255,255,255,.5) !important}
.tabs .cnt{font-size:.72rem;background:var(--warn);color:#fff;border-radius:99px;padding:0 .4rem;margin-left:.2rem}
.who{margin-left:auto;font-size:.82rem;color:rgba(255,255,255,.6)}
.who a{color:var(--gold)}
.wrap{max-width:1200px;margin:0 auto;padding:1.2rem 16px 3rem}
h1{font-size:1.5rem;margin:.3rem 0 .3rem;font-weight:800;letter-spacing:-.03em}
.sub{color:var(--muted);margin:0 0 1rem;font-size:.9rem}
.bar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:.8rem}
.bar form{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}
.scroll{overflow-x:auto}
.pager{display:flex;gap:.3rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.pad{padding:1rem}
label.f{display:block;font-size:.85rem;color:var(--muted);margin:.6rem 0 .2rem}
@media (max-width:760px){
  .grid2{grid-template-columns:1fr}
  .who{margin-left:0}
  table.resp thead{display:none}
  table.resp tr{display:block;border-bottom:1px solid var(--line);padding:.5rem 0}
  table.resp td{display:flex;justify-content:space-between;gap:.8rem;border:0;padding:.2rem .4rem}
  table.resp td::before{content:attr(data-l);color:var(--muted);font-size:.8rem;flex:none}
  table.resp td.r{text-align:right}
}

.theme-pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.theme-pick label{border:2px solid var(--line);border-radius:14px;padding:.8rem;cursor:pointer;display:block;background:#fff}
.theme-pick label.on{border-color:var(--gold);background:#FFFCF3}
.theme-pick input{display:none}
.theme-pick .mini{height:92px;border-radius:10px;background:var(--bg);margin-bottom:.6rem;position:relative;overflow:hidden}
.theme-pick b{display:block}
.theme-pick small{color:var(--muted);font-size:.8rem;line-height:1.4;display:block;margin:.2rem 0 .5rem}
@media (max-width:760px){ .theme-pick{grid-template-columns:1fr} }