:root{--navy:#102941;--ink:#0c1730;--muted:#64728a;--blue:#1769ff;--line:#d5e0f0;--soft:#f6f9ff;--green:#7cb45c;--lightblue:#86b9dc;--shadow:0 8px 22px #15335c15}*{box-sizing:border-box}body{margin:0;background:#f7faff;color:var(--ink);font:14px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{width:215px;flex:0 0 215px;background:linear-gradient(150deg,#142f4b,#10253c);color:#f8fbff;padding:20px 11px;display:flex;flex-direction:column}.brand{font-weight:800;font-size:28px;display:flex;align-items:center;gap:11px;padding:2px 12px 21px;border-bottom:1px solid #6c87a73d}.brand-mark{width:46px;height:31px;position:relative;display:block}.brand-mark i,.brand-mark b{position:absolute;display:block;height:16px;width:26px;border-radius:4px;transform:skew(-25deg) rotate(-35deg);background:#7eaeff;left:1px;top:6px}.brand-mark b{left:19px;top:8px;background:#9bd47b;transform:skew(25deg) rotate(35deg)}.nav{padding-top:18px}.nav button{font:inherit;color:inherit;border:0;background:transparent;cursor:pointer}.nav-item{width:100%;height:45px;display:flex;align-items:center;gap:15px;padding:0 17px;border-radius:11px;color:#eef6ff!important;font-weight:600;font-size:16px;text-align:left}.nav-item span{font-size:22px;width:19px}.nav-item em{font-style:normal;margin-left:auto;font-size:22px}.nav-item.active,.group-toggle{background:#3c6fa8!important;box-shadow:inset 0 0 0 1px #94b7df20}.subnav{margin:3px 0 10px 30px;border-left:2px solid #6f9ac433;padding:4px 0}.subnav button{width:100%;display:flex;gap:12px;padding:8px 18px;color:#edf4ff;font-size:16px;text-align:left}.sidebar-foot{color:#91a9c4;font-size:11px;margin:auto 11px 0}.workspace{min-width:0;flex:1}.topbar{height:60px;background:#fff;display:flex;align-items:center;gap:10px;padding:9px 22px;border-bottom:1px solid var(--line);position:relative;z-index:4}.search{height:39px;min-width:270px;max-width:475px;flex:1;display:flex;align-items:center;gap:10px;border:1px solid #cbd9ed;border-radius:10px;padding:0 11px;background:#f5f8fe;font-size:22px}.search input{border:0;outline:0;background:transparent;font:600 15px inherit;min-width:0;flex:1}.search kbd{font:600 12px inherit;border:1px solid #dae3f1;border-radius:6px;padding:3px 7px}.quick-metrics{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:7px 8px;background:#fff;white-space:nowrap}.quick-metrics span:first-of-type{color:#24894a}.quick-metrics span:nth-of-type(2){color:#1d6de7}.quick-metrics span:nth-of-type(3){color:#e88813}.quick-metrics strong{color:var(--ink);margin-left:3px}.quick-metrics i{height:18px;width:1px;background:#cdd7e6}.quick-metrics button,.icon-btn,.avatar,.mobile-menu{border:0;background:transparent;cursor:pointer}.rates{display:flex;gap:8px;white-space:nowrap}.rates span{border-radius:10px;padding:8px 12px;font-weight:700}.usd{background:#e4f3df;color:#234c2c}.eur{background:#e4efff;color:#155ea9}.icon-btn{font-size:22px;color:var(--ink);position:relative;padding:7px}.dot{position:absolute;width:8px;height:8px;top:5px;right:4px;border-radius:50%;background:#ed2436}.privacy{background:#eaf0fa;border-radius:9px}.avatar{background:#e0edff;color:#2158a5;width:37px;height:37px;border-radius:50%;font-weight:800;font-size:16px}.profile-wrap{position:relative}.profile-menu{display:none;position:absolute;right:-14px;top:48px;background:#fff;border:1px solid var(--line);border-radius:14px;width:284px;padding:12px 15px;box-shadow:var(--shadow);z-index:10}.profile-menu.open{display:block}.profile-menu strong{display:flex;align-items:center;gap:8px;font-size:16px;margin-bottom:10px}.small{width:28px;height:28px;display:inline-grid;place-items:center}.profile-menu label{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:8px;padding:8px;margin:7px 0;font-weight:600}.profile-menu select{border:0;background:transparent;font:inherit;color:var(--ink);font-weight:500;outline:0;width:152px}.profile-menu hr{border:0;border-top:1px solid var(--line)}.profile-menu button{border:0;background:transparent;display:block;width:100%;text-align:left;padding:8px 3px;font:inherit;font-weight:600;cursor:pointer}.profile-menu .logout{color:#d92936}.tabs{height:52px;background:#fff;border-bottom:1px solid var(--line);padding:6px 22px;display:flex;gap:10px;overflow:hidden}.tab{height:38px;border:1px solid #d5e0f1;border-radius:9px;background:#f9fbff;padding:0 15px;font:600 15px inherit;white-space:nowrap;color:#1c2b49}.tab.active{background:#e7f0ff;border-bottom:3px solid var(--blue)}.tab b{font-size:20px;font-weight:400;margin-left:30px;color:#1757dc}.content{padding:12px 21px 28px;max-width:1640px}.overdue{height:41px;border:1px solid #f1c27a;background:#fff3de;color:#27201a;border-radius:9px;display:flex;align-items:center;gap:13px;padding:0 13px;font-size:16px}.overdue:first-letter{color:#e47a00}.title-row{padding:7px 0 9px}.title-row h1{margin:0;font-size:30px;letter-spacing:-1.2px}.title-row p{margin:3px 0 0;font-size:16px;font-weight:500}.ticker{height:44px;display:flex;align-items:center;gap:19px;border:1px solid #c7d8f3;border-radius:10px;background:#f7fbff;padding:0 8px;font-size:15px}.ticker button{border:1px solid #d6e1f2;background:#fff;border-radius:7px;height:31px;min-width:33px;font-size:18px;color:#143065}.ticker button:nth-last-child(2){margin-left:auto}.ticker span{font-size:27px;color:#1b67ff}.ticker i{font-style:normal;font-size:20px}.dashboard-grid{display:grid;grid-template-columns:minmax(600px,1.65fr) minmax(360px,.82fr);gap:16px;margin-top:36px}.left-column,.right-column{display:grid;gap:11px;align-content:start}.card{border:1px solid #cbd9ec;border-radius:13px;background:#fff;box-shadow:0 3px 14px #244c7910;overflow:hidden}.card-head{height:49px;display:flex;align-items:center;padding:0 15px;border-bottom:1px solid #e3eaf5}.card h2{font-size:21px;margin:0;letter-spacing:-.5px}.card-head .legend{margin-left:auto;display:flex;gap:19px;font-weight:600;font-size:13px}.legend .income{color:#5b8c42}.legend .outcome{color:#578fb8}.chart{height:197px;display:flex;padding:9px 15px 16px}.chart-y{width:84px;display:flex;flex-direction:column;justify-content:space-between;text-align:right;padding-right:12px;font-size:12px;font-weight:650}.chart-area{position:relative;flex:1;min-width:0}.grid-lines{position:absolute;inset:0 0 19px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 27px,#dee6f0 28px,#dee6f0 29px)}.chart svg{position:absolute;inset:0 0 19px;width:100%;height:calc(100% - 19px);z-index:2}.bars{position:absolute;inset:0 0 19px;display:flex;justify-content:space-around;align-items:end;z-index:1}.bars span{width:26px;height:var(--in);background:var(--green);position:relative;opacity:.8}.bars span:after{content:"";position:absolute;left:30px;bottom:0;width:18px;height:var(--out);background:var(--lightblue)}.axis{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;font-size:12px;font-weight:600}.calendar-head{display:flex;align-items:center;height:48px;padding:0 12px;gap:9px;border-bottom:1px solid #e2eaf4}.calendar-head button{border:1px solid #d4e0f1;background:#fff;border-radius:7px;height:31px;padding:0 10px;color:#164ea5;font:600 13px inherit}.calendar-head h2{font-size:21px;margin:0 8px 0 2px}.calendar-legend{display:flex;gap:15px;margin-left:auto;font-size:12px;font-weight:650}.green{color:#4c9a1b}.red{color:#e36164}.blue{color:#2368e8}.purple{color:#8758d8}.outline{margin-left:10px}.calendar{display:grid;grid-template-columns:repeat(7,1fr)}.dow{font-weight:750;text-align:center;background:#eff4fb;padding:5px;border-bottom:1px solid #dfe7f2;font-size:12px}.day{height:48px;border-right:1px solid #dfe7f2;border-bottom:1px solid #dfe7f2;padding:4px 7px;font-weight:650;font-size:12px}.day:nth-child(7n){border-right:0}.muted{color:#8e9bb1}.event{display:block;margin-top:3px;padding:2px 5px;border-radius:8px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.event.in{background:#e2f3d9;color:#275f18}.event.out{background:#ffe1e2;color:#992632}.event.ok{background:#e3efff;color:#1559c7}.event.stock{background:#eee4ff;color:#6b40bb}.mail-card{min-height:250px}.new-mail{margin-left:auto;background:#1564e8;color:#fff;border-radius:16px;padding:5px 12px;font-size:12px}.mail-row{display:grid;grid-template-columns:27px 1fr auto;gap:8px;padding:15px 15px 12px;border-bottom:1px solid #e3eaf5;align-items:start}.mail-row>span{color:#1f6bea;font-size:21px}.mail-row strong,.mail-row small{display:block}.mail-row small{font-size:12px;margin-top:2px}.mail-row time{font-weight:750}.mail-row button{grid-column:3;border:1px solid #1367ef;border-radius:7px;background:white;color:#1367ef;padding:5px 10px;font:650 12px inherit}.messages{min-height:268px;padding-bottom:10px}.add-contact{margin-left:auto;border:1px solid #d4e0f1;background:white;border-radius:7px;font-size:18px}.contact-tabs{padding:8px 10px;display:flex;gap:6px}.contact-tabs button{white-space:nowrap;border:1px solid #cedaf0;border-radius:8px;background:#f8faff;padding:6px 9px;font:650 12px inherit;color:var(--ink);cursor:pointer}.contact-tabs .selected{border:2px solid #2066ef;padding:5px 8px;background:#edf4ff}.contact-tabs span,.initial{display:inline-grid;place-items:center;background:#e1f2da;color:#2d6b20;width:22px;height:22px;border-radius:50%;font-size:10px;margin-right:4px}.conversation{padding:1px 14px;min-height:138px}.bubble{display:flex;gap:9px;margin:8px 0}.bubble p{margin:0;padding:9px 11px;border-radius:12px;background:#eaf0fb;line-height:1.33;max-width:89%;font-size:13px}.bubble b{font-size:12px}.bubble time{float:right;margin-left:18px;font-size:11px}.outgoing{justify-content:flex-end}.outgoing p{background:#dceaff}.attachment{font-size:11px;color:#3266b9;padding:0 14px;min-height:0}.composer{height:40px;margin:7px 10px 0;border:1px solid #ccd9ec;border-radius:10px;display:flex;align-items:center;overflow:hidden}.composer input[type=text],.composer input:not([type]){border:0;outline:0;padding:0 8px;flex:1;font:13px inherit}.composer button{height:100%;width:42px;border:0;background:#fff;color:#123574;font-size:21px;cursor:pointer}.composer #send{background:#4f86f8;color:#fff;width:40px;margin:3px;border-radius:7px;height:32px}.mobile-menu{display:none}.sensitive.hidden{filter:blur(6px);user-select:none}.privacy.active{background:#cfe0ff;color:#0a55d8}@media(max-width:1250px){.quick-metrics{display:none}.hide-wide{display:none}.dashboard-grid{grid-template-columns:minmax(550px,1.45fr) minmax(330px,.8fr)}.calendar-legend{display:none}}@media(max-width:920px){.sidebar{position:fixed;transform:translateX(-100%);z-index:30;height:100vh;transition:.2s}.sidebar.open{transform:translateX(0)}.mobile-menu{display:block;font-size:22px}.topbar{padding:9px 12px}.rates{display:none}.search{max-width:none}.tabs{padding:6px 10px}.content{padding:10px}.dashboard-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr}.hide-small{display:none}.sidebar-foot{display:none}}@media(max-width:640px){.topbar{gap:5px}.search{min-width:0}.search kbd{display:none}.icon-btn{display:none}.tabs{height:47px}.tab{font-size:13px;padding:0 10px}.tab b{margin-left:8px}.overdue{font-size:13px}.title-row h1{font-size:25px}.title-row p{font-size:13px}.ticker{font-size:12px;gap:8px}.ticker i{display:none}.dashboard-grid{margin-top:18px}.right-column{grid-template-columns:1fr}.card-head .legend{display:none}.chart{padding-left:4px}.chart-y{width:54px;font-size:9px}.bars span{width:9px}.bars span:after{left:11px;width:7px}.axis{font-size:9px}.axis span:nth-child(even){display:none}.calendar-head h2{font-size:17px}.calendar-head .outline{display:none}.day{height:48px;padding:3px;font-size:10px}.event{font-size:8px;padding:2px}.contact-tabs{overflow:auto}.mail-card{min-height:auto}}