.sig-hp{border-radius:32px;padding:32px;background:radial-gradient(60% 90% at 100% 0%,rgba(79,107,255,.5),transparent 60%),#0B0E2E;color:#F1F2F7;font-family:"Inter",sans-serif;position:relative;overflow:hidden}
.sig-hp *{box-sizing:border-box}
.sig-hp button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.sig-hp .hp-panel{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);border-radius:18px}
.sig-hp .hp-main{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:16px;align-items:stretch}
.sig-hp .hp-head{font-family:"Inter Tight","Inter",sans-serif;font-weight:700;font-size:16px;padding:18px 20px 12px}
.sig-hp .hp-head small{display:block;font-family:"Inter",sans-serif;font-weight:400;font-size:12px;color:rgba(241,242,247,.55);margin-top:2px}
.sig-hp .hp-inbox{display:flex;flex-direction:column;min-width:0}
.sig-hp .hp-list{list-style:none;margin:0;padding:0 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1;min-height:420px;overflow:hidden}
.sig-hp .hp-msg{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);animation:hp-in .5s cubic-bezier(.22,1,.36,1) both;transition:background .4s,box-shadow .4s}
.sig-hp .hp-msg.is-booked{background:rgba(107,214,139,.1);box-shadow:inset 0 0 0 1px rgba(107,214,139,.45)}
.sig-hp .hp-row{display:flex;align-items:center;gap:10px}
.sig-hp .hp-av{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 2px rgba(169,182,255,.3)}
.sig-hp .hp-who{min-width:0;flex:1}
.sig-hp .hp-who b{display:flex;align-items:center;gap:6px;font-size:12.5px;line-height:1.2}
.sig-hp .hp-who b img{width:14px;height:14px;flex:none}
.sig-hp .hp-chip{font-size:10px;font-weight:600;padding:2px 7px;border-radius:999px;background:rgba(169,182,255,.2);color:#C9D1FF;white-space:nowrap}
.sig-hp .hp-txt{font-size:13px;font-weight:500;line-height:1.35;margin-top:2px}
.sig-hp .hp-tags{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}
.sig-hp .hp-tag{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:999px;white-space:nowrap;animation:hp-pop .45s cubic-bezier(.22,1,.36,1) both}
.sig-hp .hp-tag.r{background:rgba(242,196,107,.2);color:#F2C46B}
.sig-hp .hp-tag.b{background:rgba(107,214,139,.25);color:#9BE7B0}
.sig-hp .hp-ai{margin:8px 0 0 40px;padding:8px 10px;border-radius:12px 12px 12px 4px;background:rgba(79,107,255,.28);font-size:12px;line-height:1.4;animation:hp-in .45s cubic-bezier(.22,1,.36,1) both}
.sig-hp .hp-ai span{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#A9B6FF;margin-bottom:2px}
.sig-hp .hp-typing{display:inline-flex;gap:3px;padding:2px 0}
.sig-hp .hp-typing i{width:5px;height:5px;border-radius:50%;background:#A9B6FF;animation:hp-dot 1s ease-in-out infinite}
.sig-hp .hp-typing i:nth-child(2){animation-delay:.15s}.sig-hp .hp-typing i:nth-child(3){animation-delay:.3s}
@keyframes hp-dot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@keyframes hp-in{0%{transform:translateY(10px);opacity:0}100%{transform:none;opacity:1}}
@keyframes hp-pop{0%{transform:scale(.3);opacity:0}100%{transform:scale(1);opacity:1}}
.sig-hp .hp-cal{min-width:0;display:flex;flex-direction:column;padding-bottom:12px}
.sig-hp .hp-cal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.sig-hp .hp-occ{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.sig-hp .hp-occ b{font-size:34px;line-height:1;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.sig-hp .hp-occ span{font-family:"Inter",sans-serif;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#A9B6FF}
.sig-hp .hp-occ-bar{flex-basis:100%;height:5px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden;min-width:150px}
.sig-hp .hp-occ-bar i{display:block;height:100%;width:62%;border-radius:99px;background:linear-gradient(90deg,#4F6BFF,#9BE7B0);transition:width 1s cubic-bezier(.22,1,.36,1)}
.sig-hp .hp-scroll{overflow-x:auto;padding:0 20px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}
.sig-hp .hp-grid{display:grid;grid-template-columns:52px repeat(7,minmax(46px,1fr));gap:4px;min-width:420px}
.sig-hp .hp-dh{font-size:11px;font-weight:600;text-align:center;color:rgba(241,242,247,.6);padding-bottom:4px}
.sig-hp .hp-rn{display:flex;align-items:center;font-size:12px;font-weight:600;color:rgba(241,242,247,.8);font-variant-numeric:tabular-nums}
.sig-hp .hp-c{height:46px;border-radius:9px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);position:relative;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;overflow:hidden;white-space:nowrap}
.sig-hp .hp-c.o{background:rgba(79,107,255,.3);box-shadow:inset 0 0 0 1px rgba(169,182,255,.35)}
.sig-hp .hp-c.n{background:linear-gradient(135deg,#6BD68B,#3fb76a);box-shadow:0 0 20px -4px rgba(107,214,139,.7);color:#0B2A17;animation:hp-fill .6s cubic-bezier(.22,1,.36,1) both}
.sig-hp .hp-c.n.settle{background:rgba(107,214,139,.35);box-shadow:inset 0 0 0 1px rgba(107,214,139,.8);color:#C8F5D5}
@keyframes hp-fill{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
.sig-hp .hp-legend{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:12px 20px 0;font-size:11.5px;color:rgba(241,242,247,.7)}
.sig-hp .hp-legend i{width:10px;height:10px;border-radius:3px;display:inline-block;margin-left:10px}
.sig-hp .hp-legend i:first-child{margin-left:0}
.sig-hp .k-o{background:rgba(79,107,255,.6)}.sig-hp .k-n{background:#6BD68B}.sig-hp .k-f{background:rgba(255,255,255,.15)}
.sig-hp .hp-rev{margin-top:16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;padding:18px 20px;align-items:center}
.sig-hp .hp-rev-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sig-hp .hp-rev-top b{font-family:"Inter Tight","Inter",sans-serif;font-size:16px}
.sig-hp .hp-rev-top small{flex-basis:100%;font-size:12px;color:rgba(241,242,247,.55)}
.sig-hp .hp-stars{font-size:16px;letter-spacing:2px;color:rgba(255,255,255,.25)}.sig-hp .hp-stars .on{color:#F2C46B}
.sig-hp .hp-rev-q{margin:8px 0 0;font-size:13px;line-height:1.45;color:rgba(241,242,247,.8)}
.sig-hp .hp-rev-r{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.sig-hp .hp-draft{flex:1 1 260px;padding:10px 12px;border-radius:12px;background:rgba(79,107,255,.25);font-size:12.5px;line-height:1.45}
.sig-hp .hp-draft span{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#A9B6FF;margin-bottom:3px}
.sig-hp .hp-approve{position:relative;padding:11px 20px;border-radius:999px;background:#2A36E8;font-weight:600;font-size:13.5px;transition:background .4s,transform .2s,box-shadow .4s;min-width:150px;display:inline-grid;place-items:center}
.sig-hp .hp-approve:hover{transform:translateY(-1px);background:#4F6BFF}
.sig-hp .hp-approve:focus-visible{outline:2px solid #A9B6FF;outline-offset:3px}
.sig-hp .hp-approve span{grid-area:1/1;transition:opacity .3s,transform .3s}
.sig-hp .hp-approve .b{opacity:0;transform:translateY(6px)}
.sig-hp .hp-approve.is-done{background:rgba(107,214,139,.22);box-shadow:inset 0 0 0 1px rgba(107,214,139,.7);color:#9BE7B0;pointer-events:none}
.sig-hp .hp-approve.is-done .a{opacity:0;transform:translateY(-6px)}.sig-hp .hp-approve.is-done .b{opacity:1;transform:none}
@media (max-width:900px){
  .sig-hp{padding:20px 16px;border-radius:24px}
  .sig-hp .hp-main,.sig-hp .hp-rev{grid-template-columns:1fr}
  .sig-hp .hp-list{min-height:0}
  .sig-hp .hp-scroll{padding:0 14px}.sig-hp .hp-head{padding:16px 14px 10px}
  .sig-hp .hp-legend{padding:12px 14px 0}
}
@media (prefers-reduced-motion:reduce){
  .sig-hp *,.sig-hp *::before,.sig-hp *::after{animation:none!important;transition:none!important}
}