:root{--to-ease-spring:cubic-bezier(.175,.885,.32,1.1);--to-ease-out:cubic-bezier(.16,1,.3,1);--to-shadow-sm:0 1px 2px #0000000a,0 1px 3px #00000005;--to-shadow-hover:0 2px 8px -2px #0000000d,0 12px 24px -6px #00000014,0 0 0 1px var(--wh-primary-muted,#2563eb1a)}[data-theme=dark]{--to-shadow-sm:0 1px 2px #0006,0 2px 4px #0003;--to-shadow-hover:0 8px 16px -4px #0009,0 24px 32px -8px #00000080,0 0 0 1px var(--wh-primary-muted,#3b82f633)}@keyframes to-cardPop{0%{opacity:0;filter:blur(4px);transform:scale(.96)translateY(12px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}.to-content{padding:16px 20px 20px}.to-list{flex-direction:column;gap:12px;display:flex}.to-card{border:1px solid var(--wh-border-light,#0000000f);background:var(--wh-surface,#fff);box-shadow:var(--to-shadow-sm);animation:to-cardPop .5s var(--to-ease-out)both;animation-delay:var(--to-card-delay,0s);transition:transform .3s var(--to-ease-spring),box-shadow .3s var(--to-ease-out),border-color .3s ease,background-color .3s ease;cursor:pointer;border-radius:14px;flex-direction:column;gap:16px;padding:16px;display:flex;position:relative;overflow:hidden}.to-card:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(#fff6 0%,#fff0 100%);transition:opacity .3s;position:absolute;inset:0}.to-card:hover{box-shadow:var(--to-shadow-hover);border-color:var(--wh-primary,#2563eb);transform:translateY(-3px)scale(1.005)}.to-card:hover:after{opacity:1}.to-card:active{transition:transform .1s;transform:translateY(0)scale(.985)}.to-card-top{z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.to-card-left{flex:1;align-items:center;gap:12px;display:flex}.to-avatar{background:var(--wh-indigo-muted,#eef2ff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:inset 0 0 0 1px #0000000d}.to-avatar-text{letter-spacing:-.01em;color:var(--wh-indigo,#4f46e5);font-size:14px;font-weight:600;font-family:var(--wh-font-sans,system-ui,sans-serif)}.to-card-info{flex-direction:column;flex:1;justify-content:center;display:flex}.to-card-name{letter-spacing:-.01em;color:var(--wh-text-strong,#111827);font-size:14px;font-weight:600;font-family:var(--wh-font-sans,system-ui,sans-serif);display:block}.to-card-date{color:var(--wh-text-muted,#6b7280);font-size:12px;font-weight:400;font-family:var(--wh-font-sans,system-ui,sans-serif);margin-top:3px;display:block}.to-card-right{text-align:right;flex-direction:column;align-items:flex-end;margin-left:12px;display:flex}.to-card-kind{letter-spacing:-.01em;color:var(--wh-text-strong,#111827);font-size:13px;font-weight:600;font-family:var(--wh-font-sans,system-ui,sans-serif);display:inline-flex}.to-card-reason{color:var(--wh-text-muted,#6b7280);font-size:12px;font-family:var(--wh-font-sans,system-ui,sans-serif);text-overflow:ellipsis;white-space:nowrap;max-width:180px;margin-top:4px;display:block;overflow:hidden}.to-date-range{border:1px solid var(--wh-border-lighter,#0000000a);background:var(--wh-bg-alt,#f9fafb);z-index:1;border-radius:10px;padding:12px 16px;transition:border-color .3s,background .3s;display:flex;position:relative}.to-card:hover .to-date-range{background:var(--wh-surface,#fff);border-color:var(--wh-border-light,#00000014)}.to-date-col{flex-direction:column;flex:1;gap:4px;display:flex}.to-date-label{text-transform:uppercase;letter-spacing:.04em;color:var(--wh-text-muted,#6b7280);font-size:11px;font-weight:600;font-family:var(--wh-font-sans,system-ui,sans-serif)}.to-date-value{color:var(--wh-text-strong,#111827);font-size:13px;font-weight:600;font-family:var(--wh-font-sans,system-ui,sans-serif);font-variant-numeric:tabular-nums}.to-date-divider{background:var(--wh-border-light,#00000014);align-self:stretch;width:1px;height:auto;margin:0 16px}.to-actions{z-index:1;align-items:center;gap:8px;display:flex;position:relative}.to-view-only{color:var(--wh-text-muted,#6b7280);font-size:12px;font-style:italic;font-weight:500;font-family:var(--wh-font-sans,system-ui,sans-serif);background:var(--wh-bg-alt,#f9fafb);border-radius:12px;padding:4px 10px}.to-card-skeleton{border:1px solid var(--wh-border-light,#0000000f);background:var(--wh-surface,#fff);box-shadow:var(--to-shadow-sm);border-radius:14px;flex-direction:column;gap:16px;padding:16px;display:flex}.to-card-skeleton-header{align-items:center;gap:12px;display:flex}.to-card-skeleton-info{flex-direction:column;flex:1;gap:8px;display:flex}.to-card-skeleton .to-avatar,.to-card-skeleton-info>div{background:var(--wh-bg-alt,#f3f4f6);border-radius:4px;animation:2s cubic-bezier(.4,0,.6,1) infinite to-pulse}.to-card-skeleton .to-avatar{border-radius:50%}@keyframes to-pulse{0%,to{opacity:1}50%{opacity:.5}}[data-theme=dark] .to-card{background:var(--wh-surface,#111);border-color:var(--wh-border,#ffffff14)}[data-theme=dark] .to-card:after{background:linear-gradient(#ffffff08 0%,#fff0 100%)}[data-theme=dark] .to-card-name,[data-theme=dark] .to-card-kind,[data-theme=dark] .to-date-value{color:var(--wh-text-strong,#f9fafb)}[data-theme=dark] .to-date-range{background:var(--wh-bg-alt,#1a1a1a);border-color:#ffffff0a}[data-theme=dark] .to-card:hover .to-date-range{background:var(--wh-surface,#222);border-color:#ffffff14}[data-theme=dark] .to-avatar{background:var(--wh-indigo-muted,#4f46e533);color:var(--wh-indigo,#818cf8);box-shadow:inset 0 0 0 1px #ffffff1a}[data-theme=dark] .to-card-skeleton{background:var(--wh-surface,#111);border-color:var(--wh-border,#ffffff14)}[data-theme=dark] .to-card-skeleton .to-avatar,[data-theme=dark] .to-card-skeleton-info>div{background:var(--wh-bg-alt,#262626)}.to-pagination{border-top:1px solid var(--wh-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:12px 4px 4px;display:flex}.to-page-info{color:var(--wh-text-muted);font-size:12px;font-weight:500}.to-page-btns{align-items:center;gap:4px;display:flex}.to-page-btn{border:1px solid var(--wh-border);background:var(--wh-surface);color:var(--wh-text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;min-width:30px;height:30px;padding:0 8px;font-size:12px;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.to-page-btn:hover:not(:disabled):not(.to-page-btn--active){background:var(--wh-bg);border-color:var(--wh-text-muted)}.to-page-btn:disabled{opacity:.5;cursor:not-allowed}.to-page-btn--active{background:var(--wh-indigo);border-color:var(--wh-indigo);color:#fff}.to-page-ellipsis{color:var(--wh-text-muted);padding:0 4px;font-weight:600}@media (prefers-reduced-motion:reduce){.to-card,.to-card-skeleton .to-avatar,.to-card-skeleton-info>div{transition-duration:.01ms!important;animation:none!important}}