.sig-ca{--ca-ok:107,214,139;--ca-warn:242,196,107;--ca-bad:255,138,138;--ca-blue:169,182,255;
  border-radius:32px;padding:32px;color:#F1F2F7;
  background:radial-gradient(60% 90% at 0% 0%,rgba(79,107,255,.5),transparent 60%),#0B0E2E;
  font-family:'Inter',system-ui,sans-serif;font-variant-numeric:tabular-nums}
.sig-ca *{box-sizing:border-box}
.sig-ca button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
.sig-ca .ca-top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.sig-ca .ca-toggle{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;
  background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.sig-ca .ca-thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;
  background:linear-gradient(180deg,#4F6BFF,#2A36E8);box-shadow:0 6px 18px rgba(42,54,232,.45);
  transition:transform .45s cubic-bezier(.22,1,.36,1)}
.sig-ca[data-mode="with"] .ca-thumb{transform:translateX(100%)}
.sig-ca .ca-mode{position:relative;z-index:1;padding:10px 22px;border-radius:999px;font-weight:600;font-size:14px;
  font-family:'Inter Tight','Inter',sans-serif;color:rgba(241,242,247,.65);transition:color .3s}
.sig-ca .ca-mode.is-on{color:#fff}
.sig-ca .ca-mode:focus-visible,.sig-ca .ca-day:focus-visible{outline:2px solid #A9B6FF;outline-offset:2px}
.sig-ca .ca-stat{font-family:'Inter Tight','Inter',sans-serif;font-weight:600;font-size:17px;display:flex;align-items:center;gap:10px;
  transition:opacity .25s ease-out,transform .25s ease-out}
.sig-ca .ca-stat.is-swap{opacity:0;transform:translateY(4px)}
.sig-ca .ca-stat b{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-weight:600;font-size:14px}
.sig-ca .ca-stat .ca-s-bad{color:#FF8A8A;background:rgba(255,138,138,.12);box-shadow:inset 0 0 0 1px rgba(255,138,138,.28)}
.sig-ca .ca-stat .ca-s-ok{color:#9BE7B0;background:rgba(107,214,139,.12);box-shadow:inset 0 0 0 1px rgba(107,214,139,.28)}
.sig-ca .ca-stat .ca-s-txt{font-size:14px;font-weight:500;color:rgba(241,242,247,.8)}

.sig-ca .ca-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:stretch}
.sig-ca .ca-cal,.sig-ca .ca-side{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);border-radius:18px;padding:20px}
.sig-ca .ca-cal-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.sig-ca .ca-cal-head strong{font-family:'Inter Tight','Inter',sans-serif;font-size:20px;font-weight:600}
.sig-ca .ca-cal-head span{font-size:13px;color:rgba(241,242,247,.6)}
.sig-ca .ca-dow,.sig-ca .ca-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.sig-ca .ca-dow{margin-bottom:6px}
.sig-ca .ca-dow span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(241,242,247,.5);text-align:center}
.sig-ca .ca-blank{height:62px}
.sig-ca .ca-day{position:relative;height:62px;border-radius:10px;text-align:left;padding:8px 9px;
  background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
  transition:background-color .55s cubic-bezier(.22,1,.36,1),box-shadow .3s ease-out,transform .3s ease-out;
  transition-delay:var(--d,0ms),0ms,0ms}
.sig-ca .ca-day[data-s="ok"]{background:rgba(var(--ca-ok),var(--a))}
.sig-ca .ca-day[data-s="warn"]{background:rgba(var(--ca-warn),var(--a))}
.sig-ca .ca-day[data-s="bad"]{background:rgba(var(--ca-bad),var(--a))}
.sig-ca .ca-day:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.sig-ca .ca-day.is-sel{box-shadow:inset 0 0 0 2px #A9B6FF,0 0 0 3px rgba(169,182,255,.18);transition-delay:0ms}
.sig-ca .ca-n{font-size:13px;font-weight:600;color:rgba(241,242,247,.85)}
.sig-ca .ca-day[data-s="none"] .ca-n{color:rgba(241,242,247,.4);font-weight:500}
.sig-ca .ca-badge{position:absolute;right:7px;bottom:6px;min-width:22px;padding:2px 6px;border-radius:999px;font-size:11px;font-weight:700;
  text-align:center;color:#0B0E2E;background:rgba(241,242,247,.88)}
.sig-ca .ca-legend{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:16px;font-size:12px;color:rgba(241,242,247,.65)}
.sig-ca .ca-legend span{display:inline-flex;align-items:center;gap:7px}
.sig-ca .ca-dot{width:10px;height:10px;border-radius:3px;display:inline-block}
.sig-ca .ca-dot.ca-ok{background:rgba(var(--ca-ok),.7)}.sig-ca .ca-dot.ca-warn{background:rgba(var(--ca-warn),.7)}.sig-ca .ca-dot.ca-bad{background:rgba(var(--ca-bad),.7)}
.sig-ca .ca-legend-note{margin-left:auto;color:rgba(241,242,247,.45)}

.sig-ca .ca-side{display:flex;flex-direction:column;min-height:0}
.sig-ca .ca-side-date{display:block;font-family:'Inter Tight','Inter',sans-serif;font-size:20px;font-weight:600}
.sig-ca .ca-side-sub{display:block;margin-top:4px;font-size:13px;color:rgba(241,242,247,.6)}
.sig-ca .ca-rows{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;flex:1}
.sig-ca .ca-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:9px 10px;border-radius:12px;
  background:rgba(255,255,255,.05);animation:ca-in .45s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--rd,0ms)}
@keyframes ca-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sig-ca .ca-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;
  background:rgba(79,107,255,.35);color:#DCE2FF;box-shadow:inset 0 0 0 1px rgba(169,182,255,.3)}
.sig-ca .ca-cl{min-width:0}
.sig-ca .ca-cl b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sig-ca .ca-cl span{font-size:12px;color:rgba(241,242,247,.55)}
.sig-ca .ca-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap}
.sig-ca .ca-chip img{width:13px;height:13px;display:block}
.sig-ca .ca-chip.ok{color:#9BE7B0;background:rgba(107,214,139,.14)}
.sig-ca .ca-chip.warn{color:#F2C46B;background:rgba(242,196,107,.14)}
.sig-ca .ca-chip.chase{color:#A9B6FF;background:rgba(79,107,255,.22)}
.sig-ca .ca-chip.bad{color:#FF8A8A;background:rgba(255,138,138,.14)}
.sig-ca .ca-note{margin:14px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;line-height:1.5;color:rgba(241,242,247,.7)}
.sig-ca .ca-empty{padding:28px 8px;text-align:center;font-size:14px;color:rgba(241,242,247,.55)}

@media (max-width:900px){
  .sig-ca{padding:20px;border-radius:24px}
  .sig-ca .ca-body{grid-template-columns:1fr}
  .sig-ca .ca-day,.sig-ca .ca-blank{height:50px}
  .sig-ca .ca-day{padding:6px}
  .sig-ca .ca-badge{right:4px;bottom:4px;font-size:10px;min-width:18px;padding:1px 5px}
  .sig-ca .ca-cal,.sig-ca .ca-side{padding:14px}
  .sig-ca .ca-legend-note{margin-left:0}
  .sig-ca .ca-stat{font-size:15px}
}
@media (prefers-reduced-motion:reduce){
  .sig-ca *,.sig-ca *::before{transition:none!important;animation:none!important}
}
@media (max-width:600px){.sig-ca .ca-row{grid-template-columns:34px 1fr}.sig-ca .ca-row .ca-chip{grid-column:2;justify-self:start}}
