:root{--brand:#3b44db;--navy:#232781;--sky:#74c1ee;--page:#f6f7fb;--card:#fff;--border:#e2e5ee;--ink:#171a21;--muted:#6f7789}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background-color:var(--page);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font-family:inherit}a{color:var(--brand);text-decoration:none}.phone-shell{margin:0 auto;max-width:430px;height:100dvh;display:flex;flex-direction:column}.phone-body{flex:1 1;min-height:0;overflow-y:auto}.tab-bar{background-color:var(--card);border-top:1px solid var(--border);display:flex;flex:none;justify-content:space-around;padding:10px 0 calc(10px + env(safe-area-inset-bottom))}.tab-bar a{color:var(--muted);font-size:13px;font-weight:600}.tab-bar a.active{color:var(--brand)}.office-root{display:flex;min-height:100dvh}.office-sidebar{background-color:var(--navy);flex:0 0 208px;padding:16px;display:flex;flex-direction:column}.office-content{flex:1 1;min-width:0;padding:24px;display:flex;flex-direction:column;gap:16px}.invoice-columns{align-items:flex-start;display:flex;gap:16px}.exception-grid{display:flex;flex-wrap:wrap;gap:16px}@media (max-width:900px){.office-root{flex-direction:column}.office-sidebar{flex:none}.invoice-columns{flex-direction:column}.invoice-columns>*{width:100%}}