.sig-cn{position:relative;border-radius:32px;padding:32px;color:#F1F2F7;background:radial-gradient(60% 90% at 100% 0%,rgba(79,107,255,.5),transparent 60%),#0B0E2E;font-family:"Inter",system-ui,sans-serif;display:grid;gap:18px;overflow:hidden}
.sig-cn *{box-sizing:border-box}
.sig-cn button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:left}
.sig-cn .cn-main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px}
.sig-cn .cn-panel{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);border-radius:18px;padding:20px;position:relative}
.sig-cn .cn-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.sig-cn .cn-bar-t b,.sig-cn .cn-ch b{display:block;font-family:"Inter Tight","Inter",sans-serif;font-size:18px;font-weight:700;letter-spacing:-.02em}
.sig-cn .cn-bar-t span,.sig-cn .cn-ch span{font-size:13px;color:#A9B6FF}
.sig-cn .cn-legend{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(241,242,247,.7);white-space:nowrap}
.sig-cn .cn-legend i{width:2px;height:12px;background:#F1F2F7;border-radius:1px}
.sig-cn .cn-list{display:grid;gap:10px}
.sig-cn .cn-card{display:block;width:100%;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);border-radius:14px;padding:12px 14px;transition:background .4s,box-shadow .4s}
.sig-cn .cn-card:hover{background:rgba(255,255,255,.11)}
.sig-cn .cn-card:focus-visible{outline:2px solid #A9B6FF;outline-offset:2px}
.sig-cn .cn-card.is-sel{background:rgba(79,107,255,.22);box-shadow:inset 0 0 0 1.5px #A9B6FF}
.sig-cn .cn-card.is-late{background:rgba(255,138,138,.12);box-shadow:inset 0 0 0 1px #FF8A8A}
.sig-cn .cn-card.is-late.is-sel{box-shadow:inset 0 0 0 1.5px #FF8A8A}
.sig-cn .cn-top{display:flex;align-items:center;gap:10px}
.sig-cn .cn-av{width:32px;height:32px;border-radius:50%;overflow:hidden;flex:none;background:#2A36E8;box-shadow:0 0 0 2px rgba(255,255,255,.18)}
.sig-cn .cn-av img{width:100%;height:100%;object-fit:cover;display:block}
.sig-cn .cn-nm{flex:1;min-width:0}
.sig-cn .cn-nm b{display:block;font-family:"Inter Tight","Inter",sans-serif;font-size:15px;font-weight:600;letter-spacing:-.01em}
.sig-cn .cn-nm span{font-size:12px;color:rgba(241,242,247,.6)}
.sig-cn .cn-chip{font-size:11.5px;font-weight:600;border-radius:999px;padding:3px 10px;white-space:nowrap;text-align:right;transition:background .4s,color .4s}
.sig-cn .cn-ok{background:rgba(155,231,176,.16);color:#9BE7B0}
.sig-cn .cn-bad{background:rgba(255,138,138,.2);color:#FF8A8A}
.sig-cn .cn-wait{background:rgba(242,196,107,.18);color:#F2C46B}
.sig-cn .cn-meter{display:flex;align-items:center;gap:12px;margin:12px 0 8px}
.sig-cn .cn-track{position:relative;flex:1;height:8px;border-radius:999px;background:rgba(255,255,255,.12)}
.sig-cn .cn-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:999px;background:linear-gradient(90deg,#4F6BFF,#A9B6FF);transition:width 1s cubic-bezier(.22,1,.36,1),background .5s}
.sig-cn .cn-card.is-late .cn-fill{background:#FF8A8A}
.sig-cn .cn-plan{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:#F1F2F7;border-radius:1px;left:0}
.sig-cn .cn-pct{font-family:"Inter Tight","Inter",sans-serif;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;min-width:42px;text-align:right}
.sig-cn .cn-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:24px}
.sig-cn .cn-ph{font-size:12px;font-weight:600;color:#A9B6FF;background:rgba(169,182,255,.14);border-radius:999px;padding:2px 10px}
.sig-cn .cn-acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.sig-cn .cn-act{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;background:#fff;color:#0B0E2E;border-radius:999px;padding:3px 10px 3px 5px;animation:cn-pop .5s cubic-bezier(.22,1,.36,1)}
.sig-cn .cn-act img{width:16px;height:16px}
@keyframes cn-pop{from{opacity:0;transform:translateY(6px) scale(.92)}to{opacity:1;transform:none}}
.sig-cn .cn-up{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.22,1,.36,1)}
.sig-cn .cn-up.is-on{grid-template-rows:1fr}
.sig-cn .cn-up-in{overflow:hidden;display:flex;align-items:center;gap:10px;min-height:0;opacity:0;transform:translateX(-24px);transition:opacity .5s .1s,transform .6s .1s cubic-bezier(.22,1,.36,1)}
.sig-cn .cn-up.is-on .cn-up-in{opacity:1;transform:none;padding-top:10px}
.sig-cn .cn-photo{display:grid;place-items:center;width:40px;height:30px;border-radius:8px;flex:none;color:rgba(241,242,247,.85);background:linear-gradient(135deg,#4F6BFF,#2A36E8 55%,#6F86FF)}
.sig-cn .cn-photo svg{width:16px;height:16px}
.sig-cn .cn-up-in .cn-photo{width:44px;height:32px}
.sig-cn .cn-up-t{font-size:12.5px;color:rgba(241,242,247,.8)}
.sig-cn .cn-up-t b{font-weight:600;font-variant-numeric:tabular-nums;color:#F1F2F7}
.sig-cn .cn-ch{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.sig-cn .cn-ch img{width:36px;height:36px}
.sig-cn .cn-chat{background:rgba(0,0,0,.22);border-radius:14px;padding:16px;min-height:270px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.sig-cn .cn-bub{position:relative;max-width:100%;width:100%;background:rgba(79,107,255,.35);box-shadow:inset 0 0 0 1px rgba(169,182,255,.35);border-radius:14px 14px 4px 14px;padding:12px 14px;font-size:14px;line-height:1.45;min-height:48px}
.sig-cn .cn-bub p{margin:0}
.sig-cn .cn-bub b{font-weight:600}
.sig-cn .cn-n{font-variant-numeric:tabular-nums}
.sig-cn .cn-typing{position:absolute;left:14px;top:50%;margin-top:-4px;display:flex;gap:4px;opacity:0;transition:opacity .3s}
.sig-cn .cn-typing.is-on{opacity:1}
.sig-cn .cn-typing i{width:7px;height:7px;border-radius:50%;background:#C9D1FF;animation:cn-dot 1s infinite ease-in-out}
.sig-cn .cn-typing i:nth-child(2){animation-delay:.15s}.sig-cn .cn-typing i:nth-child(3){animation-delay:.3s}
@keyframes cn-dot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.sig-cn .cn-l{opacity:0;transform:translateY(8px);transition:opacity .5s,transform .6s cubic-bezier(.22,1,.36,1)}
.sig-cn .cn-l.is-on{opacity:1;transform:none}
.sig-cn .cn-ph3{display:flex;gap:8px;margin:10px 0}
.sig-cn .cn-ph3 .cn-photo{flex:1;height:58px;width:auto}
.sig-cn .cn-ph3 .cn-photo:nth-child(2){background:linear-gradient(135deg,#6F86FF,#4F6BFF 60%,#2A36E8)}
.sig-cn .cn-ph3 .cn-photo:nth-child(3){background:linear-gradient(135deg,#2A36E8,#4F6BFF 50%,#A9B6FF)}
.sig-cn .cn-ph3 .cn-photo svg{width:22px;height:22px}
.sig-cn .cn-sent{font-size:12.5px;font-weight:600;color:#9BE7B0;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .5s cubic-bezier(.22,1,.36,1)}
.sig-cn .cn-sent.is-on{opacity:1;transform:none}
.sig-cn .cn-hint{margin-top:12px;font-size:12px;color:rgba(241,242,247,.55)}
.sig-cn .cn-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sig-cn .cn-stat{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;padding:16px 20px;border-radius:18px;background:rgba(155,231,176,.1);box-shadow:inset 0 0 0 1px rgba(155,231,176,.3)}
.sig-cn .cn-stat span{font-size:14px;color:rgba(241,242,247,.8)}
.sig-cn .cn-stat b{font-family:"Inter Tight","Inter",sans-serif;font-size:22px;font-weight:700;color:#9BE7B0;font-variant-numeric:tabular-nums}
.sig-cn .cn-stat i{font-style:normal}
.sig-cn .cn-stat small{font-size:13px;font-weight:500;color:rgba(241,242,247,.6)}
@media (max-width:899px){
  .sig-cn{padding:18px;border-radius:24px}
  .sig-cn .cn-main{grid-template-columns:1fr}
  .sig-cn .cn-panel{padding:14px}
  .sig-cn .cn-bar-t span,.sig-cn .cn-legend{display:none}
  .sig-cn .cn-stats{grid-template-columns:1fr;gap:10px}
  .sig-cn .cn-chat{min-height:0}
}
@media (prefers-reduced-motion:reduce){.sig-cn *{transition-duration:.01ms!important;animation-duration:.01ms!important}}