* { box-sizing:border-box; } [hidden] { display:none!important; }
:root { color-scheme:light; }
body { margin:0; background:#f5f6f8; color:#263145; font:14px/1.6 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif; }
a { color:#416397; text-decoration:none; }
button,input,select,textarea { font:inherit; }
button,a,input,select,textarea { outline-offset:3px; }
button { min-height:40px; padding:8px 14px; border:1px solid #d7dde5; border-radius:8px; background:white; color:#35425b; cursor:pointer; }
button:disabled { opacity:.5; cursor:default; }
button.primary { background:#2e527e; border-color:#2e527e; color:white; }
main { max-width:1280px; padding:28px; margin:auto; }
header { display:flex; justify-content:space-between; gap:20px; align-items:center; margin:24px 0; }
h1 { margin:0; font-size:28px; } h2 { margin:0; font-size:18px; }
p { color:#6b7485; margin:5px 0; }
.card { border:1px solid #e0e4eb; border-radius:14px; background:white; padding:20px; margin:18px 0; }
.filters { display:flex; flex-wrap:wrap; gap:14px; align-items:end; }
label { display:block; font-size:12px; color:#647086; }
input,select,textarea { display:block; padding:9px 10px; border:1px solid #d8dee8; border-radius:7px; background:white; color:#263145; max-width:100%; }
input { width:165px; }
.table-wrap { overflow:auto; }
table { width:100%; border-collapse:collapse; white-space:nowrap; font-size:13px; }
th,td { padding:14px 10px; border-bottom:1px solid #e8ebf0; text-align:left; vertical-align:top; }
th { color:#68768a; font-weight:500; background:#f8f9fb; }
td strong { display:block; } td small { display:block; color:#6c788b; }
.task-name { max-width:250px; white-space:normal; }
.status { background:#f2f4f8; border-radius:5px; padding:4px 8px; display:inline-block; }
.status.pending { background:#fff4d8; color:#9a6812; } .status.active { background:#e8edfc; color:#3f5c9e; } .status.completed { background:#e1f2e8; color:#26784b; }
.row-actions { display:flex; gap:7px; }.row-actions button { white-space:nowrap; padding:6px 10px; }
.demo { color:#59677a; font-size:12px; }.demo summary { cursor:pointer; font-weight:600; }.demo p { margin:12px 0; }
.demo-actions { display:flex; flex-wrap:wrap; gap:8px; }.demo-actions button { font-size:12px; }
#adminStatus { min-height:23px; color:#8b5b13; }
.ps-modal { position:fixed; inset:0; display:grid; place-items:center; padding:20px; z-index:100; background:#14213980; }
.ps-dialog { width:min(600px,100%); max-height:90vh; overflow:auto; padding:26px; border-radius:16px; background:white; }
.ps-dialog > p { margin:12px 0; }.ps-facts { margin:18px 0; }.ps-facts div { display:flex; gap:20px; justify-content:space-between; padding:8px 0; border-bottom:1px solid #e8ebf0; }.ps-facts dt { color:#758197; font-size:12px; }.ps-facts dd { margin:0; text-align:right; font-size:13px; }
.ps-dialog textarea { width:100%; min-height:88px; resize:vertical; }
.ps-actions { display:flex; gap:10px; justify-content:flex-end; margin-top:20px; }
.ps-actions button { min-width:100px; }.ps-alert { padding:10px 12px; border-radius:8px; background:#fff3de; color:#8b5b13; }
@media(max-width:700px) { main { padding:16px; } header { align-items:start; flex-direction:column; } .card { padding:14px; } h1 { font-size:24px; } }

.ps-dialog .ps-actions { position:sticky; bottom:-26px; padding:16px 0; background:white; }