.turnover-page{max-width:1120px;margin:0 auto;padding:clamp(18px,3vw,32px);color:var(--text,#172033)}
.turnover-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px}
.turnover-heading h1{margin:0;font-size:clamp(24px,3vw,32px);letter-spacing:-.025em}
.turnover-heading p{margin:7px 0 0;color:var(--muted,#6b7280)}
.turnover-heading-actions{display:flex;align-items:center;gap:10px}
.turnover-heading select,.turnover-heading button{min-height:40px;border:1px solid var(--border,#dce2ec);border-radius:10px;background:var(--surface,#fff);color:inherit;padding:0 12px;font:inherit}
.turnover-heading button{font-weight:650;cursor:pointer}
.turnover-heading button:disabled{opacity:.6;cursor:wait}
.turnover-intro{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;padding:15px 17px;border:1px solid #dce7ff;border-radius:14px;background:linear-gradient(135deg,#f5f8ff,#fff);color:#334155}
.turnover-intro-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#e8efff;color:#4b67d1;font-weight:800}
.turnover-intro p{margin:1px 0 0;line-height:1.55;font-size:13px}
.turnover-notice{min-height:0;color:#526178;margin:0 0 12px}.turnover-notice[data-state=error]{color:#b42318}
.turnover-task-list{display:grid;gap:14px}
.turnover-card{padding:20px;border:1px solid var(--border,#e4e8ef);border-radius:16px;background:var(--surface,#fff);box-shadow:0 5px 18px #18274408}
.turnover-card-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.turnover-card-top h2{margin:8px 0 4px;font-size:17px;letter-spacing:-.01em}
.turnover-card-top small,.turnover-card-bottom{color:var(--muted,#6b7280);font-size:12px}
.turnover-source{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef3ff;color:#405bb2;font-size:11px;font-weight:700}
.turnover-status{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:11px;font-weight:700;text-transform:capitalize}
.turnover-status.is-active{background:#edf7f1;color:#1d7a46}.turnover-status.is-completed{background:#e8f2ff;color:#215da8}.turnover-status.is-cancelled,.turnover-status.is-expired{background:#fff2e5;color:#a45012}
.turnover-progress-head{display:flex;justify-content:space-between;gap:12px;margin-top:22px;font-size:13px}
.turnover-progress-head b{color:#425fc4}
.turnover-progress-track{height:9px;overflow:hidden;margin-top:9px;border-radius:999px;background:#edf0f5}
.turnover-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#536ed1,#56b58b);transition:width .25s ease}
.turnover-progress-amounts{display:flex;justify-content:space-between;gap:12px;margin-top:7px;color:var(--muted,#6b7280);font-size:11px}
.turnover-card-details{display:flex;flex-wrap:wrap;gap:12px;margin-top:17px}
.turnover-card-details>div{flex:1 1 150px;padding:12px 13px;border-radius:11px;background:var(--soft,#f7f8fb)}
.turnover-card-details small{display:block;color:var(--muted,#6b7280);font-size:11px}
.turnover-card-details strong{display:block;margin-top:4px;font-size:15px}
.turnover-card-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border,#edf0f4)}
.turnover-empty,.turnover-loading{display:grid;justify-items:center;text-align:center;gap:8px;padding:48px 18px;border:1px dashed var(--border,#dce2ec);border-radius:16px;background:var(--surface,#fff)}
.turnover-empty strong{font-size:16px}.turnover-empty p{max-width:420px;margin:0;color:var(--muted,#6b7280);font-size:13px;line-height:1.5}.turnover-empty-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:4px;border-radius:50%;background:#edf7f1;color:#20834f;font-weight:800}
.turnover-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;color:var(--muted,#6b7280);font-size:12px}
.turnover-pagination-controls{display:flex;align-items:center;gap:10px}
.turnover-pagination button{min-height:36px;padding:0 12px;border:1px solid var(--border,#dce2ec);border-radius:9px;background:var(--surface,#fff);color:inherit;font:inherit;cursor:pointer}
.turnover-pagination button:disabled{opacity:.45;cursor:not-allowed}
body.dark .turnover-page{color:#eef1f7}body.dark .turnover-intro{background:#202b40;border-color:#374765;color:#dce5fa}body.dark .turnover-intro-icon{background:#293955;color:#9eb2ff}body.dark .turnover-card,body.dark .turnover-empty,body.dark .turnover-loading,body.dark .turnover-heading select,body.dark .turnover-heading button,body.dark .turnover-pagination button{background:#202126;border-color:#41434b;color:#eceef4}body.dark .turnover-card-details>div{background:#292b31}body.dark .turnover-progress-track{background:#383a42}body.dark .turnover-card-bottom{border-color:#393b43}
@media(max-width:640px){.turnover-page{padding:16px 13px}.turnover-heading{align-items:flex-start;flex-direction:column}.turnover-heading-actions{width:100%}.turnover-heading select{flex:1}.turnover-card{padding:16px}.turnover-progress-amounts{font-size:10px}.turnover-card-bottom{flex-direction:column}.turnover-pagination{align-items:flex-start;flex-direction:column}}