.appgrid{display:grid;grid-template-columns:240px 1fr;gap:20px}.sidebar,.surface{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:20px}.sidebtn{width:100%;border:0;border-radius:11px;background:transparent;color:var(--muted);padding:11px;text-align:left;cursor:pointer}.sidebtn.active{background:var(--soft);color:var(--indigo);font-weight:700}.joblist{display:grid;gap:13px}.job{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;grid-template-columns:1fr auto;gap:18px}.job h2{font-size:1.18rem;margin:0 0 4px}.meta{color:var(--muted);font-size:.82rem}.pills{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.pill{background:var(--cloud);border-radius:999px;padding:7px 10px;font-size:.78rem}.save{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--white);cursor:pointer}.save.saved{background:#fff4b8;border-color:#e5bd19;color:#8b6800}.save.saved svg{fill:var(--yellow)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line)}.status{display:inline-flex;border-radius:999px;background:var(--soft);color:var(--indigo);padding:6px 9px;font-size:.74rem}.status.green{background:var(--mint);color:var(--green)}.split{display:grid;grid-template-columns:330px 1fr;gap:16px}.listbtn{width:100%;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--white);padding:15px;margin-bottom:9px;cursor:pointer}.listbtn.active{border-color:var(--indigo);box-shadow:inset 3px 0 var(--indigo)}.timeline{display:grid;grid-template-columns:repeat(5,1fr);margin:24px 0}.timeline span{text-align:center;font-size:.72rem;color:var(--muted)}.timeline b{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--cloud);margin:0 auto 6px}.timeline .done b{background:var(--mint);color:var(--green)}.timeline .current b{background:var(--indigo);color:#fff}.dialog{max-width:650px;margin:auto}.success{text-align:center;padding:40px}.success .iconbox{margin:auto;background:var(--mint);color:var(--green)}@media(max-width:780px){.appgrid,.split{grid-template-columns:1fr}.sidebar{display:flex;overflow:auto}.sidebtn{white-space:nowrap}.tablewrap{overflow:auto}}