/* Responsive workspace: shared financial workflows, purpose-built browser shell. */
:root{--web-side:244px}html{scroll-behavior:smooth}body{padding-bottom:110px}button,input,select{font:inherit}button{transition:background .18s,transform .18s,box-shadow .18s}button:hover{filter:brightness(1.06)}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7d91ff;outline-offset:3px}.card{box-shadow:0 5px 22px #091b3010}#webSidebar,#webTop{display:none}#webLogin[hidden]{display:none}.web-locked>header,.web-locked>main,.web-locked>#nav,.web-locked>.fab,.web-locked>.receipt-fab,.web-locked>#webSidebar,.web-locked>#webTop{display:none!important}#webLogin{min-height:100dvh;background:#eef3f2;color:#122d35;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:6vw;padding:9vw;position:relative;overflow:hidden}#webLogin .login-orbit{position:absolute;width:650px;height:650px;border:1px solid #789c8b30;border-radius:50%;inset-inline-start:-190px;top:50%;box-shadow:0 0 0 70px #a8c8b518,0 0 0 140px #a8c8b512;pointer-events:none}#webLogin .login-copy,#webLogin .login-card{position:relative;z-index:1}.eyebrow{font-size:12px;font-weight:750;letter-spacing:3px;color:#347469}#webLogin h1{font-size:clamp(40px,5.3vw,78px);font-weight:650;line-height:1.08;letter-spacing:-3px;margin:30px 0}#webLogin p{font-size:16px;line-height:1.7;color:#647978}.login-features{display:flex;gap:20px;flex-wrap:wrap;margin-top:35px;font-size:12px;font-weight:600;color:#38655c}.login-card{background:#ffffffc9;backdrop-filter:blur(18px);border:1px solid #fff;border-radius:28px;padding:42px;box-shadow:0 20px 80px #1e4c3b12;max-width:460px}.login-card .logo{background:#204f44;color:#dbf5c5;margin-bottom:35px}.login-card h2{font-size:24px;letter-spacing:-.6px}.login-card button{width:100%;background:#204f44;color:white;padding:16px;margin:18px 0;display:flex;gap:16px;justify-content:center;align-items:center}.login-card small{display:block;color:#748784;font-size:11px;line-height:1.8}.login-card #loginMessage{font-size:12px;color:#966147;overflow-wrap:anywhere}.sheet{max-height:90dvh!important}.web-profile small,.web-brand small{display:block}.web-section{font-size:10px;letter-spacing:1.4px;color:var(--muted);margin:34px 14px 12px}.sync-chip{font-size:11px;color:var(--muted);max-width:36%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent}.web-breadcrumb{font-size:12px;color:var(--muted);flex:1}.web-breadcrumb b{color:var(--text);font-weight:600}.web-profile{margin:30px 12px 10px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}.web-profile small{font-size:10px;color:var(--muted);margin-top:5px}
@media(min-width:1000px){body{padding-inline-start:var(--web-side);padding-bottom:60px}#webSidebar{display:flex;flex-direction:column;position:fixed;inset-block:0;inset-inline-start:0;width:var(--web-side);padding:28px 18px;overflow-y:auto;background:var(--card);border-inline-end:1px solid var(--line);z-index:20}#webSidebar>button{display:flex;gap:12px;align-items:center;text-align:start;border-radius:12px;padding:11px 14px;margin:2px 0;background:transparent;font-size:13px;color:var(--muted);flex-shrink:0}#webSidebar>button .ui-icon{width:19px;height:19px}#webSidebar>button.selected{background:var(--active-bg);color:var(--text);font-weight:700}#webSidebar>button.selected .ui-icon{color:var(--primary)}#webSidebar>button:hover{background:var(--button)}.web-brand{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:750}.web-brand small{font-size:10px;color:var(--muted);font-weight:400;margin-top:5px}.web-brand .logo{width:36px;height:40px}#webTop{display:flex;position:sticky;top:0;z-index:15;align-items:center;gap:16px;border-bottom:1px solid var(--line);background:var(--bg);padding:18px 36px;min-height:78px}body>header,#nav{display:none!important}main{max-width:1440px;padding:30px 36px;margin:auto}h1{font-size:30px;line-height:1.25}.card{border-radius:18px;padding:22px}.hero{border-radius:24px}.grid{gap:18px}body[data-page=settings] main{max-width:1100px}body[data-page=settings] main>.card{margin-block:20px}.fab{bottom:25px;inset-inline-end:30px;width:56px;height:56px}.receipt-fab{bottom:30px;inset-inline-end:100px}.sheet{width:min(650px,90vw)!important;border-radius:24px!important}.overlay{align-items:center!important;padding:30px}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-workspace,.project-overview,.project-shell{max-width:none!important}.plan-tabs{flex-wrap:wrap}.stat{font-size:25px}.hero .big{font-size:44px}}
@media(min-width:1500px){:root{--web-side:264px}main{padding:36px 48px}.account-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){#webLogin{grid-template-columns:1fr;padding:45px 24px;gap:30px}.login-card{max-width:none;padding:28px}#webLogin h1{font-size:44px;letter-spacing:-1.8px;margin:20px 0}.login-features{display:none}.login-card .logo{display:none}.login-copy p{margin-bottom:0}.login-orbit{top:65%!important}.web-locked{padding-bottom:0}}
html[dir=rtl] .web-section,html[dir=rtl] .eyebrow{letter-spacing:0}html[dir=rtl] #webLogin h1{letter-spacing:0}main{animation:web-enter .25s ease-out}@keyframes web-enter{from{opacity:.6;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(min-width:1000px){html[dir=rtl] .fab,html[dir=rtl] .receipt-fab{right:auto;left:auto}.fab{inset-inline-end:30px!important}.receipt-fab{inset-inline-end:100px!important}.account-collection{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding-bottom:70px}}@media(min-width:1600px){.account-collection{grid-template-columns:repeat(3,minmax(0,1fr))}}