.demo-intro{background:var(--paper);padding:62px 0}.demo-intro h1{max-width:940px;font-size:clamp(2.5rem,4.2vw,4rem)}.demo-disclaimer{margin-top:25px;padding:12px 18px;border-left:3px solid var(--accent);font-size:.87rem;background:var(--white);color:var(--ink-soft);max-width:790px}.workspace-section{padding:50px 0 75px;background:var(--paper-deep)}.workspace{background:var(--white);border:1px solid var(--line);overflow:hidden}.workspace-top{padding:25px 26px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}.workspace-top h2{font-size:1.9rem;margin:6px 0}.workspace-top p{margin:0;color:var(--muted);font-size:.87rem}.workspace-actions{display:flex;gap:8px;flex-wrap:wrap}.upload{cursor:pointer}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metric{background:var(--paper);padding:20px 25px}.metric span{display:block;font:500 .72rem 'IBM Plex Mono',monospace;color:var(--muted)}.metric strong{font:500 1.8rem 'Newsreader',Georgia,serif;display:block;margin-top:7px}.filters{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;padding:21px 25px}.filters label{font-size:.8rem;font-weight:600;color:var(--ink-soft);display:grid;gap:6px}.filters input,.filters select{border:1px solid var(--line);border-radius:0;height:44px;background:#fff;padding:7px 11px;min-width:150px;color:var(--ink)}.filters input{min-width:270px}.filter-count{font-size:.83rem;color:var(--muted);margin-left:auto;padding-bottom:8px}.table-hint{display:none;margin:0;padding:0 25px 10px;font-size:.8rem;color:var(--muted)}.table-scroll{overflow-x:auto;max-width:100%;contain:paint}.data-table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:.85rem}.data-table th{font:500 .7rem 'IBM Plex Mono',monospace;text-align:left;letter-spacing:.06em;text-transform:uppercase;background:var(--paper);color:var(--ink-soft);padding:13px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.data-table td{padding:14px;border-bottom:1px solid var(--line);color:var(--ink-soft)}.data-table tr:hover td{background:#f6f0e8}.data-table td:first-child{font-weight:700;color:var(--ink)}.data-table .num{text-align:right}.status-pill{display:inline-block;border:1px solid var(--line);padding:3px 8px;font-size:.72rem;font-weight:600;background:var(--paper);color:var(--ink-soft)}.status-completed{background:#e6eee3;color:#34513a}.status-inprogress{background:#e8e4ef;color:#4d3d62}.status-scheduled{background:#f5e9d5;color:#674915}.priority-high{color:#8b3a1a;font-weight:700}.row-actions{display:flex;gap:8px}.link-btn{border:0;background:transparent;color:var(--accent);font-size:.81rem;font-weight:600;padding:8px;text-decoration:underline;min-height:44px}.notice{margin:0 25px 16px;border:1px solid #789779;background:#e6eee3;padding:10px 14px;font-size:.85rem}.notice.error{border-color:#b97366;background:#fae8e1}.demo-bottom{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:36px}.demo-bottom p{color:var(--muted)}dialog{border:1px solid var(--line);border-radius:0;padding:0;width:min(650px,calc(100% - 24px));max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 25px 80px rgba(0,0,0,.25);background:var(--white);color:var(--ink)}dialog::backdrop{background:rgba(26,24,20,.67)}dialog form,dialog>p,dialog>.dialog-head,dialog>.dialog-actions{padding-left:26px;padding-right:26px}dialog form{padding-top:22px;padding-bottom:25px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:1.6rem;margin:0 0 20px}.icon-btn{background:transparent;border:0;font-size:2rem;line-height:1;min-width:44px;min-height:44px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:grid;gap:5px;font-size:.8rem;font-weight:600;color:var(--ink-soft)}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:9px;border:1px solid var(--line);border-radius:0;background:#fff;color:var(--ink)}.form-grid input,.form-grid select{min-height:44px}.form-grid .wide{grid-column:1/-1}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.form-error{background:#fae8e1;border:1px solid #b97366;color:#6e2e14;padding:10px;font-size:.85rem;margin-top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.table-hint{display:block}.metric-grid{grid-template-columns:repeat(2,1fr)}.filters input{min-width:180px}.demo-bottom{grid-template-columns:1fr}}@media(max-width:560px){.workspace-top{padding:20px}.workspace-actions{width:100%}.workspace-actions .btn{flex:1 1 42%}.metric{padding:15px}.metric strong{font-size:1.5rem}.form-grid{grid-template-columns:1fr}.filters label{width:100%}.filters input,.filters select{width:100%}.filter-count{margin-left:0}.dialog-actions{flex-wrap:wrap}.dialog-actions .btn{flex:1}}