.sage-page{background:#eef2ef;padding-bottom:90px}.sage-intro{background:linear-gradient(115deg,#174b77 0%,#1d725b 70%,#21836b 100%);color:#fff;padding:70px 0 95px}.sage-intro-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end}.sage-intro h1{font-size:clamp(48px,5vw,72px)}.sage-intro h1 em{color:var(--lime)}.sage-intro p:not(.kicker){max-width:720px;color:#d8e7e2;line-height:1.7}.readiness-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);padding:25px;display:flex;gap:14px;border-radius:8px}.readiness-card p{font-size:12px;margin:8px 0 0!important}.status-dot{width:12px;height:12px;background:var(--yellow);border-radius:50%;box-shadow:0 0 0 6px rgba(247,216,105,.14);flex:0 0 auto;margin-top:4px}.accounting-shell{display:grid;grid-template-columns:210px 1fr;min-height:790px;margin-top:-42px;background:#fff;border-radius:9px;box-shadow:0 25px 60px rgba(18,47,39,.15);overflow:hidden}.accounting-nav{background:var(--deep);color:#9eb6ae;padding:28px 16px;display:flex;flex-direction:column;gap:4px}.accounting-nav>p{text-transform:uppercase;letter-spacing:.14em;font-size:9px;color:#6f8f84;margin:0 12px 15px}.accounting-nav button{border:0;background:transparent;color:inherit;min-height:44px;text-align:left;border-radius:5px;padding:0 12px;font-weight:700;display:flex;align-items:center;gap:10px;cursor:pointer}.accounting-nav button:hover,.accounting-nav button.active{background:#1c493d;color:#fff}.accounting-nav button.active{box-shadow:inset 3px 0 var(--lime)}.source-download{margin-top:auto;border-top:1px solid #264a40;padding:18px 12px 0;font-size:10px;line-height:1.5;color:var(--lime)}.accounting-main{padding:32px;min-width:0}.workspace-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:28px}.workspace-head small,.view-heading small,.card-heading small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#74867f}.workspace-head h2{font-size:32px;margin-top:4px}.api-state{font-size:10px;padding:8px 12px;border-radius:15px;background:#fff5cd;color:#705c17}.api-state.online{background:#e3f2e9;color:#276b52}.sage-view{display:none}.sage-view.active{display:block}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-grid article{border:1px solid var(--line);padding:20px;border-radius:6px}.metric-grid article.accent{background:var(--deep);color:#fff}.metric-grid span,.metric-grid small,.metric-grid strong{display:block}.metric-grid span{font-size:10px;color:#74867f}.metric-grid strong{font-size:24px;margin:12px 0 14px;letter-spacing:-.04em}.metric-grid small{font-size:9px;color:#82938d}.metric-grid .accent strong{color:var(--lime)}.sage-grid{display:grid;gap:14px;margin-top:16px}.sage-grid.two{grid-template-columns:1fr 1fr}.sage-grid.three{grid-template-columns:repeat(3,1fr)}.sage-card{border:1px solid var(--line);padding:24px;border-radius:6px;background:#fff}.card-heading,.view-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.card-heading h3,.view-heading h3{margin:4px 0 0;font-size:21px}.view-heading{margin-bottom:25px}.view-heading>p{max-width:540px;margin:0;color:var(--muted);font-size:12px;line-height:1.6}.pill{font-size:9px;padding:6px 9px;border-radius:12px;background:#dff0e7;color:#276b52}.pill.amber{background:#fff1ba;color:#715d15}.check-row{display:flex;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.check-row:last-child{border:0}.check-row>span{width:27px;height:27px;border-radius:50%;background:#e1f1e8;display:grid;place-items:center;color:var(--green);font-weight:900}.check-row.warning>span{background:#fff1ba;color:#7e6717}.check-row strong,.check-row small{display:block;font-size:11px}.check-row small{font-size:9px;color:#82938d;margin-top:5px}.ledger-bars{display:grid;gap:17px;margin-top:22px}.ledger-bars div{display:flex;justify-content:space-between;background:#f3f6f4;padding:14px}.connection-grid{display:grid;gap:12px}.connection-grid article{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:16px;border:1px solid var(--line);padding:18px;border-radius:6px}.connector{width:48px;height:48px;border-radius:7px;background:#173a31;color:#fff;display:grid;place-items:center;font-weight:900}.connector.sage-colour{background:#00a376}.connector.hmrc{background:#00703c}.connection-grid strong,.connection-grid small{display:block}.connection-grid small{color:var(--muted);font-size:10px;margin-top:5px}.connection-grid b{font-size:9px;color:#8c741d;background:#fff2bf;padding:7px 9px;border-radius:12px}.upload-box{border:2px dashed #bfd0c8;background:#f5f8f6;padding:30px;display:flex;align-items:center;gap:15px;border-radius:7px}.upload-box input{flex:1}.upload-box span{font-size:9px;color:var(--muted)}.data-table{margin-top:18px;border:1px solid var(--line);border-radius:6px;overflow:hidden}.data-row{display:grid;grid-template-columns:1.1fr 1.5fr .8fr .8fr .7fr;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line);font-size:10px}.data-row:last-child{border:0}.data-row.header{background:#f3f6f4;text-transform:uppercase;letter-spacing:.08em;color:#71817b;font-size:8px;font-weight:800}.data-row button{border:0;background:#e5f2eb;color:#276b52;border-radius:12px;padding:6px 9px;font-size:8px;cursor:pointer}.data-row .status-overdue{color:#9d3b2f}.compact-form,.settings-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#f4f7f5;padding:20px;border:1px solid var(--line);margin-bottom:18px}.compact-form.hidden{display:none}.compact-form label,.settings-form label,.tax-form label{display:grid;gap:6px;font-size:9px;font-weight:800}.compact-form input,.compact-form select,.settings-form input,.tax-form input{width:100%;border:1px solid #ccd6d1;background:#fff;padding:10px;font:12px Arial}.compact-form .button,.settings-form .button{align-self:end;min-height:38px}.empty-state{text-align:center;border:2px dashed #c8d6d0;padding:65px;border-radius:7px}.empty-state>span{font-size:35px;color:var(--green)}.empty-state h3{font-size:24px}.empty-state p{color:var(--muted);font-size:12px}.step{font-size:10px;color:var(--green);font-weight:900}.sage-grid.three .sage-card h3{font-size:18px;margin:35px 0 10px}.sage-grid.three .sage-card p{font-size:11px;line-height:1.6;color:var(--muted)}.tax-form{display:grid;gap:13px}.tax-result{background:var(--deep);color:#fff;border-radius:6px;padding:35px;display:flex;flex-direction:column;justify-content:center}.tax-result small{color:#9db4ac}.tax-result strong{font-size:44px;color:var(--lime);margin:15px 0}.tax-result p{font-size:11px;color:#bed0ca;line-height:1.6}.report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.report-grid article{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:13px;border:1px solid var(--line);padding:18px}.report-grid article>span{width:50px;height:50px;background:var(--mint);display:grid;place-items:center;border-radius:5px;font-weight:900}.report-grid strong,.report-grid small{display:block}.report-grid small{font-size:9px;color:var(--muted);margin-top:5px}.report-grid button{border:0;background:var(--deep);color:#fff;padding:8px 11px;cursor:pointer}.settings-form{grid-template-columns:repeat(2,1fr)}.settings-form #settings-status{align-self:center;font-size:10px}.sage-toast{position:fixed;right:24px;bottom:24px;background:var(--deep);color:#fff;padding:14px 18px;border-radius:5px;box-shadow:0 15px 30px rgba(0,0,0,.2);font-size:11px;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s;z-index:50}.sage-toast.show{opacity:1;transform:none}
@media(max-width:1000px){.sage-intro-grid{grid-template-columns:1fr}.accounting-shell{grid-template-columns:75px 1fr}.accounting-nav span{display:none}.accounting-nav button{justify-content:center}.source-download{font-size:0}.source-download:after{content:"ZIP";font-size:10px}.metric-grid{grid-template-columns:1fr 1fr}.sage-grid.three{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr}}
@media(max-width:700px){.sage-page{padding-bottom:35px}.sage-intro{padding:50px 0 75px}.accounting-shell{width:100%;margin-top:-30px;border-radius:0;grid-template-columns:1fr}.accounting-nav{flex-direction:row;overflow-x:auto;padding:10px}.accounting-nav>p,.source-download{display:none}.accounting-nav button{flex:0 0 44px}.accounting-main{padding:22px 16px}.workspace-head{align-items:flex-start}.api-state{max-width:130px}.metric-grid,.sage-grid.two,.compact-form,.settings-form{grid-template-columns:1fr}.connection-grid article{grid-template-columns:48px 1fr}.connection-grid b{grid-column:2}.upload-box{align-items:stretch;flex-direction:column}.data-table{overflow-x:auto}.data-row{min-width:650px}.report-grid article{grid-template-columns:45px 1fr}.report-grid button{grid-column:2}.view-heading{flex-direction:column}.sage-intro h1{font-size:46px}}
