.app.public main{padding:0;max-width:none}.demo-shell{padding:24px 20px 90px}.demo-nav{display:flex;align-items:center;gap:7px;background:#13251f;color:#fff;border-radius:12px;padding:10px 12px;margin:0 0 35px;position:sticky;top:8px;z-index:10}.demo-nav a{color:#d6e0dc;text-decoration:none;font-weight:800;padding:9px 12px;border-radius:7px}.demo-nav a:first-child{font-size:18px;color:#fff;margin-right:10px}.demo-nav a.active,.demo-nav a:hover{background:#315044;color:#fff}.demo-nav span{margin-left:auto;color:#acc0b7;font-size:11px}.demo-done{opacity:.45}.demo-done .task-main strong{text-decoration:line-through}.demo-job-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin-top:25px}.demo-job-card{display:block;background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px;text-decoration:none;box-shadow:0 5px 18px rgba(23,32,29,.05)}.demo-job-card:hover{border-color:var(--green);transform:translateY(-2px)}.demo-job-card>div:first-child,.demo-job-card footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.demo-job-card h2{margin:17px 0 6px}.demo-job-card p{color:var(--muted);font-size:13px}.demo-job-card footer{border:0;margin:12px 0 0;padding:0;font-size:11px}.demo-back{display:inline-block;margin-bottom:22px;font-weight:800;text-decoration:none}.demo-status{width:auto;min-width:125px;padding:7px}.demo-schedule-row[data-status="complete"]{opacity:.55}.demo-schedule-row[data-status="complete"] strong{text-decoration:line-through}.help-text{color:var(--muted);font-size:13px}@media(max-width:700px){.demo-nav{overflow:auto}.demo-nav span{display:none}.demo-nav a:first-child{display:none}.demo-shell{padding:12px 12px 70px}.demo-status{grid-column:2/-1;width:100%}.demo-schedule-row{grid-template-columns:auto 1fr!important}}