:root{font-family:DM Sans,sans-serif;color:#17211d;background:#f4f6f3;font-synthesis:none;--forest:#123d32;--mint:#75d1ac;--line:#e3e8e4;--muted:#6f7c76}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-story{background:linear-gradient(145deg,#0f3b30,#175546);padding:42px 8vw;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:620px;height:620px;border:1px solid #ffffff18;border-radius:50%;right:-290px;bottom:-260px;box-shadow:0 0 0 90px #ffffff06,0 0 0 180px #ffffff04}.brand{display:flex;align-items:center;gap:11px;font:700 22px Manrope;letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--mint);color:#123d32;font-weight:800}.story-copy{z-index:1;max-width:570px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#5e6c65;margin:0 0 12px}.eyebrow.light{color:#92d9bd}.story-copy h1{font:600 clamp(42px,5vw,70px)/1.05 Manrope;margin:0 0 28px;letter-spacing:-3px}.story-copy>p:last-child{font-size:18px;color:#c7d9d2;line-height:1.6;max-width:490px}.story-flow{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:1.3px;color:#a9c8bc;z-index:1}.story-flow i{height:1px;width:42px;background:#ffffff40}.login-panel{display:grid;place-items:center;padding:40px}.login-card{width:min(410px,100%)}.mobile-brand{display:none}.login-card h2{font:700 34px Manrope;margin:0 0 8px;letter-spacing:-1.2px}.muted{color:var(--muted);margin:0 0 34px}.login-card label{display:grid;gap:8px;font-weight:600;font-size:13px;margin-top:20px}.login-card input{border:1px solid #dce3de;border-radius:10px;padding:13px 14px;outline:none;background:#fafbfa}.login-card input:focus{border-color:#4dac86;box-shadow:0 0 0 3px #75d1ac22}.primary-button{width:100%;border:0;background:var(--forest);color:#fff;border-radius:10px;padding:14px;margin-top:24px;font-weight:700;cursor:pointer}.primary-button:disabled{opacity:.65}.form-error{background:#fff2f0;color:#a83c2e;padding:10px 12px;border-radius:8px;font-size:13px}.security-note{text-align:center;color:#98a29d;font-size:12px;margin-top:20px}.app-layout{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{background:#103c31;color:#fff;padding:26px 16px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:244px}.sidebar>.brand{padding:0 11px}.nav-caption{font-size:9px;letter-spacing:1.6px;color:#7ba394;margin:38px 14px 10px}.sidebar nav{display:grid;gap:3px}.sidebar nav a{color:#aec5bc;text-decoration:none;padding:10px 13px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:13px}.sidebar nav a b{font-size:17px;width:18px;text-align:center;font-weight:400}.sidebar nav a span{margin-left:auto}.sidebar nav a.active{background:#ffffff12;color:#fff}.sidebar-footer{margin-top:auto;border-top:1px solid #ffffff17;padding:18px 7px 0;display:flex;align-items:center;gap:10px}.sidebar-footer .avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d6a95a;color:#18362e;font-weight:700;font-size:12px}.sidebar-footer>div:nth-child(2){min-width:0}.sidebar-footer strong,.sidebar-footer small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer strong{font-size:12px}.sidebar-footer small{font-size:10px;color:#87a99c;margin-top:3px}.sidebar-footer button{margin-left:auto;background:none;border:0;color:#92aea3;cursor:pointer}.workspace{grid-column:2}.topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:3}.search{width:360px;color:#8b9691;font-size:13px;display:flex;align-items:center;gap:10px}.search kbd{margin-left:auto;border:1px solid #dce2de;background:#f6f7f6;padding:3px 7px;border-radius:5px;font-size:10px}.top-actions{color:#6c7973}.new-button,.outline-button{border:0;border-radius:8px;padding:10px 14px;font-weight:600;font-size:12px}.new-button{background:var(--forest);color:#fff}.outline-button{border:1px solid #d9e0dc;background:#fff;color:#34423c}.content{padding:38px;max-width:1480px;margin:auto}.welcome{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.welcome h1{font:700 30px Manrope;margin:0;letter-spacing:-1px}.welcome>div>p:last-child{color:var(--muted);margin:6px 0 0;font-size:14px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;gap:14px;box-shadow:0 2px 6px #1d39290a}.metric-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center}.green{background:#e4f5ed;color:#25815e}.blue{background:#e9f1fb;color:#3972aa}.violet{background:#f0eafa;color:#7954a8}.amber{background:#fbf0df;color:#a66d23}.metric-card p{margin:0;color:#68756f;font-size:12px}.metric-card strong{display:block;font:700 25px Manrope;margin-top:2px}.metric-card small{color:#98a19d;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;min-height:270px}.span-2{grid-column:span 2}.card-head{display:flex;justify-content:space-between;align-items:start}.card-head h3{font:700 16px Manrope;margin:0}.chip{font-size:10px;color:#6b7771;background:#f1f4f2;padding:6px 9px;border-radius:20px}.empty-chart{min-height:190px;display:grid;place-items:center;color:#929d97;font-size:12px}.chart-bars{height:90px;display:flex;align-items:end;gap:13px}.chart-bars i{display:block;width:44px;border-radius:5px 5px 0 0;background:#e3eee9}.chart-bars i:nth-child(1){height:30%}.chart-bars i:nth-child(2){height:55%}.chart-bars i:nth-child(3){height:80%}.chart-bars i:nth-child(4){height:62%}.chart-bars i:nth-child(5){height:95%;background:#cae5da}.compact-list{margin-top:14px}.compact-list>div{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf0ee}.list-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;font-weight:700}.compact-list strong,.compact-list small{display:block}.compact-list strong{font-size:12px}.compact-list small{font-size:10px;color:#88938e;margin-top:2px}.compact-list em{margin-left:auto;font-style:normal;font-size:9px;text-transform:uppercase;background:#f0f3f1;padding:4px 6px;border-radius:5px}.empty{min-height:190px;display:grid;place-content:center;text-align:center;color:#89948f}.empty span{font-size:30px;color:#b4beb9}.empty p{font-size:12px;margin:7px}.empty small{font-size:10px}.value-flow{display:flex;align-items:center;justify-content:space-around;min-height:190px}.value-flow>div{display:flex;align-items:center;gap:8px;position:relative}.value-flow span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e5f3ed;color:#207557;font-size:11px}.value-flow strong{font-size:11px}.value-flow i{margin-left:18px;color:#aeb7b3;font-style:normal}.page-shell{padding:40px}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-story{display:none}.mobile-brand{display:flex;align-items:center;gap:9px;font:700 20px Manrope;margin-bottom:60px}.app-layout{grid-template-columns:72px 1fr}.sidebar{width:72px;padding:22px 10px}.sidebar .brand span:last-child,.nav-caption,.sidebar nav a:not(.active),.sidebar nav a.active{font-size:0}.sidebar nav a b{font-size:18px}.sidebar-footer>div:nth-child(2),.sidebar-footer button{display:none}.workspace{grid-column:2}.metrics{grid-template-columns:1fr 1fr}.content{padding:24px}.search{width:auto}.search span,.search kbd{display:none}.value-flow{flex-wrap:wrap;gap:20px}}@media(max-width:600px){.metrics,.dashboard-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.topbar{padding:0 18px}.content{padding:18px}.welcome{align-items:start}.welcome .outline-button{display:none}.metric-card{padding:14px}.value-flow{justify-content:start}.value-flow i{display:none}}.top-actions{display:flex;align-items:center;gap:16px}