:root{--blue:#005aa8;--ink:#142437;--muted:#6c7b8b;--line:#dce5ec}*{box-sizing:border-box}body{margin:0;background:#edf3f7;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.brand{display:flex;align-items:center;gap:16px}.brand img{width:137px;height:auto}.brand div{border-left:1px solid var(--line);padding-left:16px;display:flex;flex-direction:column;gap:4px}.brand span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.brand strong{font-size:17px}.top-actions{display:flex;align-items:center;gap:25px}.presence{color:#557084;font-size:13px}.presence i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#29a465;margin-right:7px}.save-button,.secondary-button,.delete-button,.add-table,.add-row,.icon-button{border:0;display:inline-flex;align-items:center;gap:8px}.save-button{background:var(--blue);color:#fff;padding:11px 17px;border-radius:7px;font-weight:700;box-shadow:0 3px 8px #005aa833}.layout{display:grid;grid-template-columns:268px minmax(0,1fr);min-height:calc(100vh - 82px)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:29px 17px}.side-heading{display:flex;align-items:center;justify-content:space-between;padding:0 10px 20px}.side-heading span{display:block;font-size:16px;font-weight:700}.side-heading small{color:var(--muted);font-size:12px;display:block;margin-top:4px}.icon-button{background:#edf5fb;color:var(--blue);padding:7px;border-radius:6px}.table-nav{display:flex;align-items:center;gap:5px;min-height:44px;padding:4px 7px;border-radius:7px;color:#536b7d}.table-nav.active{background:#e9f3fb;color:var(--blue);font-weight:700}.table-nav>button:first-of-type{background:transparent;border:0;text-align:left;flex:1;padding:7px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.move-buttons{display:flex;gap:1px}.move-buttons button{background:transparent;border:0;color:#7890a1;padding:3px}.add-table{width:100%;justify-content:center;background:transparent;color:var(--blue);border:1px dashed #a9c8df;padding:10px;border-radius:7px;margin-top:16px;font-weight:700;font-size:13px}.side-note{display:flex;gap:11px;margin:28px 8px 0;padding:15px 13px;background:#f4f8fb;border-radius:8px;color:#648095}.side-note strong{display:block;color:#31556d;font-size:12px}.side-note p{margin:5px 0 0;font-size:11px;line-height:1.45}.workspace{padding:39px clamp(22px,4vw,62px) 24px;min-width:0}.workspace-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;max-width:1480px;margin:0 auto 24px}.eyebrow{color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.14em}.workspace h1{margin:7px 0 5px;font-size:30px;letter-spacing:-.03em}.workspace-head p{margin:0;color:var(--muted);font-size:14px}.head-actions{display:flex;gap:9px}.secondary-button,.delete-button{padding:10px 13px;border-radius:7px;font-size:13px;font-weight:700}.secondary-button{color:#2f566e;background:#fff;border:1px solid var(--line)}.delete-button{color:#ad4a4a;background:transparent}.status-line{max-width:1480px;margin:0 auto 10px;color:#688090;display:flex;align-items:center;gap:7px;font-size:12px}.status-dot{width:7px;height:7px;background:#e7a51d;border-radius:50%}.status-spacer{flex:1}.table-wrap{max-width:1480px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 24px #244c6810}table{border-collapse:collapse;width:100%;min-width:990px}th,td{border-right:1px solid #e5edf2;border-bottom:1px solid #e5edf2;padding:0;height:46px}th{background:#eaf3f9;color:#274d66;text-align:left;font-size:12px;font-weight:700;height:55px}th input{font-weight:700;color:#274d66}.row-number{width:45px;min-width:45px;text-align:center;color:#9aadb9;font-size:11px}td input,th input{width:100%;height:100%;min-height:45px;border:0;outline:0;background:transparent;padding:0 12px;color:var(--ink);font-size:13px}td input:focus,th input:focus{box-shadow:inset 0 -2px 0 var(--blue);background:#fbfdff}.add-row{margin:15px 0;background:#fff;border:1px dashed #a9c8df;color:var(--blue);padding:9px 13px;border-radius:7px;font-size:13px;font-weight:700}footer{max-width:1480px;display:flex;justify-content:space-between;color:#8a9ba7;font-size:11px;padding-top:8px}@media(max-width:780px){.topbar{height:auto;padding:17px 18px;gap:15px;align-items:flex-start}.brand img{width:105px}.brand div{display:none}.top-actions{gap:8px}.presence{display:none}.save-button{padding:10px;font-size:0}.save-button span{font-size:18px}.layout{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:14px 18px}.sidebar nav{display:flex;gap:6px;overflow:auto}.table-nav{min-width:180px;background:#f7fafc}.add-table,.side-note{display:none}.workspace{padding:27px 15px 20px}.workspace-head{display:block}.head-actions{margin-top:18px}.workspace h1{font-size:25px}footer{display:block;line-height:1.8}}