.tf-app{max-width:760px;margin:24px auto;padding:18px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f5f7fb;background:#0b0f17;border-radius:24px}.tf-app *{box-sizing:border-box}.tf-login{max-width:440px;padding:32px}.tf-login h1{margin-bottom:4px}.tf-login form,.tf-submit,.tf-profile form{display:grid;gap:12px}.tf-app label{display:grid;gap:6px;font-weight:600}.tf-app input,.tf-app textarea,.tf-app select{width:100%;padding:12px 14px;border:1px solid #2a3444;border-radius:12px;background:#121a26;color:#fff}.tf-app button,.tf-upload{border:0;border-radius:12px;padding:13px 16px;background:#fff;color:#0b0f17;font-weight:800;cursor:pointer;text-align:center}.tf-upload input{display:none}.tf-header{display:flex;align-items:center;gap:14px;padding:8px 4px 20px}.tf-header img{width:58px;height:58px;border-radius:50%;object-fit:cover}.tf-header h1{margin:0;font-size:24px}.tf-header small{opacity:.65}.tf-balance{margin-left:auto;text-align:right}.tf-balance strong{display:block;font-size:28px}.tf-balance span{opacity:.65}.tf-summary{display:flex;align-items:center;justify-content:space-between;margin:4px 2px 12px}.tf-summary h2{margin:0}.tf-summary span{opacity:.65}.tf-task-list{display:grid;gap:12px}.tf-card{background:#131b28;border:1px solid #222d3d;border-radius:18px;padding:18px;margin-bottom:12px}.tf-card-top{display:flex;gap:12px;justify-content:space-between}.tf-card h3{margin:0 0 3px}.tf-status{font-size:12px;border:1px solid #344258;border-radius:999px;padding:6px 9px;white-space:nowrap}.tf-status-approved{opacity:.72}.tf-status-pending{border-color:#6f5d27}.tf-status-rejected{border-color:#6e3131}.tf-profile{margin-top:20px}.tf-error{padding:10px 12px;background:#3b1720;border-radius:10px;margin-bottom:15px}.taskflow-admin .tf-panel{background:#fff;border:1px solid #dcdcde;border-radius:12px;padding:20px;margin:18px 0}.tf-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:900px}.tf-stats>div{background:#fff;border:1px solid #dcdcde;border-radius:12px;padding:20px}.tf-stats strong{display:block;font-size:32px}.tf-stats span{color:#646970}.tf-user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.tf-user-grid label{padding:9px;border:1px solid #dcdcde;border-radius:8px}.tf-proof{max-width:520px;height:auto;border-radius:12px;display:block;margin:12px 0}@media(max-width:600px){.tf-app{margin:0;border-radius:0;min-height:100vh;padding:14px}.tf-header h1{font-size:20px}.tf-card-top{align-items:flex-start}.tf-stats{grid-template-columns:1fr}}
.tf-clock{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;letter-spacing:.5px;text-align:right}.tf-summary>div:last-child{margin-left:auto}.tf-countdown{margin:12px 0 8px;padding:9px 11px;border-radius:10px;background:#0d1420;border:1px solid #2b3850;font-weight:700;font-variant-numeric:tabular-nums}.tf-correction-note{margin-top:12px;padding:11px 12px;border-radius:10px;border:1px solid #8b6b25;background:#2a2312}.tf-status-correction{border-color:#8b6b25}.taskflow-admin td .button{margin:2px 3px 2px 0}.taskflow-admin .description{display:block;margin-top:5px;color:#646970}