:root{--deep:#102f2b;--green:#257568;--mint:#e7f3ef;--cream:#f7f6f1;--ink:#18312d;--muted:#667b76;--line:#dfe7e4;--amber:#a6732b;--amber-bg:#fff4db;--shadow:0 24px 70px rgba(16,47,43,.14)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.pilot-bar{height:34px;background:#0a2421;color:#cfe3de;display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;letter-spacing:.04em}.pilot-bar strong{color:#fff}.welcome{width:min(620px,calc(100% - 32px));margin:70px auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:46px;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:14px}.brand img{width:54px;height:54px}.brand h1{font:700 32px Georgia,serif;margin:0;color:var(--deep)}.brand p{margin:3px 0 0;color:var(--muted);font-size:13px}.eyebrow{color:var(--green);font-size:10px;font-weight:850;letter-spacing:.14em;margin:38px 0 9px}.welcome h2{font:600 38px/1.08 Georgia,serif;margin:0;max-width:500px}.intro{color:var(--muted);font-size:16px;line-height:1.6}.welcome button{border:0;border-radius:11px;background:var(--deep);color:#fff;font-weight:750;font-size:14px;padding:14px 22px;cursor:pointer;margin-top:8px}.message{min-height:20px;color:#a24a3b;font-size:12px}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.trust span{font-size:10px;color:var(--muted);line-height:1.4}.trust span:before{content:"✓";color:var(--green);font-weight:900;margin-right:5px}.loading{text-align:center;margin:130px auto}.loading img{width:72px}.loading h1{font:600 28px Georgia,serif}.loading p{color:var(--muted)}.app{min-height:calc(100vh - 34px);display:grid;grid-template-columns:245px 1fr}.app aside{background:var(--deep);color:#fff;padding:24px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:calc(100vh - 34px)}.brand.compact img{width:40px;height:40px}.brand.compact h1{font-size:23px;color:#fff}.brand.compact p{color:#91afa8;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.company-label{font-size:9px;color:#8fb3ab;text-transform:uppercase;letter-spacing:.12em;margin:32px 5px 7px}.app select{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:#173d38;color:#fff;padding:10px}.app nav{display:grid;gap:5px;margin-top:24px}.app nav button{border:0;border-radius:9px;background:transparent;color:#abc2bd;text-align:left;padding:12px;cursor:pointer}.app nav button.active{background:rgba(80,181,161,.16);color:#fff;font-weight:750}.app nav b{float:right;background:#e8f5f1;color:#1d6c61;border-radius:100px;padding:2px 7px;font-size:9px}.app nav small{float:right}.identity{display:flex;align-items:center;gap:9px;margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:18px;min-width:0}.identity>span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#37877a;font-weight:800}.identity>div{min-width:0}.identity strong,.identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity strong{font-size:11px}.identity small{font-size:9px;color:#96b4ad}.sign-out{border:0;background:transparent;color:#a8c0ba;text-align:left;padding:14px 0 0;cursor:pointer}.workspace{min-width:0}.workspace header{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px}.workspace header span{display:block;font-size:8px;color:var(--muted);letter-spacing:.12em}.workspace header strong{font:600 17px Georgia,serif}.healthy{border:1px solid var(--line);border-radius:100px;padding:8px 12px;font-size:10px;color:var(--muted)}.healthy i{display:inline-block;width:7px;height:7px;background:#45a18f;border-radius:50%;margin-right:6px}.content{padding:32px;max-width:1280px;margin:0 auto}.hero{display:flex;justify-content:space-between;gap:24px;align-items:center}.hero .eyebrow{margin:0}.hero h1{font:600 36px/1.1 Georgia,serif;margin:6px 0}.hero p{color:var(--muted);max-width:650px}.role-card{background:var(--deep);color:#fff;border-radius:14px;padding:15px 19px;min-width:180px}.role-card span,.role-card small{display:block;color:#9bb9b2;font-size:9px}.role-card strong{display:block;font-size:18px;margin:5px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:26px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.metrics span,.metrics small{display:block;color:var(--muted);font-size:10px}.metrics strong{display:block;font-size:24px;margin:8px 0 4px}.metrics .attention{background:#fffaf0;border-color:#ead7ad}.metrics .attention strong{color:var(--amber)}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;margin-top:17px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:19px 21px;border-bottom:1px solid var(--line)}.panel-heading .eyebrow{margin:0}.panel-heading h2{font:600 20px Georgia,serif;margin:5px 0 0}.panel-heading>span{background:var(--mint);color:var(--green);border-radius:100px;padding:7px 11px;font-size:9px}.transaction{display:grid;grid-template-columns:1.4fr 1fr 90px 100px;gap:16px;align-items:center;padding:15px 21px;border-bottom:1px solid #edf1ef}.transaction:last-child{border-bottom:0}.transaction strong,.transaction small{display:block}.transaction small{color:var(--muted);font-size:9px;margin-top:3px}.transaction .amount{text-align:right;font-weight:800}.transaction .status{justify-self:end;background:var(--amber-bg);color:var(--amber);border-radius:100px;padding:6px 9px;font-size:9px;font-weight:800;text-transform:uppercase}.transaction .status.posted{background:var(--mint);color:var(--green)}.empty{text-align:center;color:var(--muted);padding:38px}.notice{text-align:center;color:#84938f;font-size:9px;margin:22px}.error-card{padding:25px;color:#9c4435}.error-card button{display:block;margin-top:12px;border:0;border-radius:8px;background:var(--deep);color:#fff;padding:9px 13px;cursor:pointer}@media(max-width:900px){.metrics{grid-template-columns:1fr 1fr}.transaction{grid-template-columns:1fr 1fr 80px}.transaction .category{display:none}}@media(max-width:700px){.pilot-bar{justify-content:flex-start;padding:0 12px}.app{grid-template-columns:1fr}.app aside{position:relative;height:auto;padding:16px}.app aside nav,.app aside .identity,.sign-out,.company-label{display:none}.brand.compact{margin-bottom:12px}.workspace header{padding:0 15px}.healthy{display:none}.content{padding:22px 14px}.hero{align-items:flex-start;flex-direction:column}.role-card{width:100%}.metrics{grid-template-columns:1fr 1fr}.transaction{grid-template-columns:1fr 80px}.transaction .category,.transaction .amount{display:none}.welcome{margin:28px auto;padding:28px}.welcome h2{font-size:31px}.trust{grid-template-columns:1fr}}