@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#182321;background:#f6f8f7;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;background:#fff;border-right:1px solid #e6ebe9;display:flex;flex-direction:column;padding:22px 14px;position:fixed;inset:0 auto 0 0;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 24px}.brand-mark{width:35px;height:35px;border-radius:10px;background:#0f766e;color:#fff;display:grid;place-items:center;font:800 20px Manrope}.brand strong{font:800 18px Manrope;display:block;letter-spacing:-.5px}.brand span{font-size:12px;color:#7c8885;display:block;margin-top:-2px}.mobile-close{display:none;margin-left:auto;border:0;background:none}.company-switcher{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #e6ebe9;border-radius:12px;background:#fafbfb;margin-bottom:20px}.company-icon{width:32px;height:32px;background:#e4f2ef;color:#0f766e;border-radius:8px;display:grid;place-items:center}.company-switcher div:nth-child(2){flex:1}.company-switcher b,.company-switcher small{display:block}.company-switcher b{font-size:12px}.company-switcher small{font-size:10px;color:#8a9491;margin-top:2px}.nav{display:grid;gap:3px}.nav button,.nav-bottom button{height:42px;border:0;background:transparent;border-radius:9px;display:flex;align-items:center;gap:12px;padding:0 11px;color:#64706d;text-align:left;font-size:13px;width:100%}.nav button:hover,.nav-bottom button:hover{background:#f4f7f6;color:#23302d}.nav button.active,.nav-bottom button.active{background:#e9f5f2;color:#0b6a63;font-weight:700}.nav em{font-style:normal;margin-left:auto;background:#e2efec;color:#0f766e;border-radius:20px;font-size:10px;padding:2px 7px}.nav-bottom{margin-top:auto;padding-top:15px;border-top:1px solid #edf0ef;display:grid;gap:3px}.sidebar-footer{font-size:10px;color:#a2aaa8;padding:14px 11px 0}.sidebar-footer span{float:right}.main{margin-left:252px;width:calc(100% - 252px)}.topbar{height:72px;background:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e7ecea;display:flex;align-items:center;padding:0 32px;position:sticky;top:0;z-index:10}.breadcrumb{font-size:12px;display:flex;gap:9px;color:#9aa4a1}.breadcrumb strong{color:#34403d}.breadcrumb b{font-weight:400;color:#c2c9c7}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.search{height:37px;width:230px;border:1px solid #e2e8e6;border-radius:9px;background:#fafbfb;display:flex;align-items:center;gap:8px;padding:0 11px;color:#929c99}.search input{border:0;outline:0;background:transparent;width:100%;font-size:12px}.icon-button{border:0;background:#fff;width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:#68736f;position:relative}.notification i{position:absolute;width:6px;height:6px;background:#e06c5b;border:1.5px solid #fff;border-radius:50%;top:8px;right:8px}.user{border:0;background:transparent;display:flex;align-items:center;gap:8px;color:#3c4845}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#dcebe8;color:#0c6c65;font-size:10px;font-weight:700}.user-name{font-size:12px;font-weight:600}.user-menu{position:absolute;right:28px;top:60px;background:#fff;border:1px solid #e5eae8;border-radius:12px;box-shadow:0 12px 35px #152a2515;padding:13px;width:190px}.user-menu b,.user-menu small{display:block}.user-menu small{color:#87918f;font-size:11px;margin-top:2px}.user-menu hr{border:0;border-top:1px solid #edf0ef;margin:11px 0}.user-menu button{border:0;background:none;display:flex;gap:8px;align-items:center;color:#65716e;font-size:12px}.menu-button{display:none;border:0;background:none;margin-right:10px}.content{padding:32px;max-width:1500px;margin:auto}.welcome-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:700;color:#87938f;margin:0 0 7px}.welcome-row h1{font:800 28px Manrope;letter-spacing:-1px;margin:0}.welcome-row h1 span{font-size:22px}.muted{color:#7c8784;font-size:12px;margin:7px 0 0}.primary{border:0;background:#0f766e;color:#fff;border-radius:9px;padding:10px 15px;display:flex;gap:8px;align-items:center;font-weight:700;font-size:12px;box-shadow:0 5px 15px #0f766e22}.primary:hover{background:#0b655f}.ai-card{border:1px solid #dbeae7;background:linear-gradient(100deg,#eff8f6,#f8fbfa);border-radius:13px;padding:13px 15px;display:flex;align-items:center;gap:12px;margin-bottom:20px}.ai-icon{width:34px;height:34px;border-radius:9px;background:#dcefeb;color:#0f766e;display:grid;place-items:center}.ai-card div:nth-child(2){flex:1}.ai-card b{font-size:12px}.ai-card p{font-size:11px;color:#71807b;margin:3px 0 0}.ai-button{border:1px solid #cfe1dd;background:#fff;color:#176b64;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:6px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid #e5ebe9;border-radius:12px;padding:17px 18px;box-shadow:0 2px 8px #1c332a05}.stat-title{font-size:11px;color:#77827f;font-weight:600}.stat-value{font:800 21px Manrope;letter-spacing:-.5px;margin:9px 0 8px}.stat-change{display:flex;align-items:center;gap:4px;font-size:10px;color:#929c99}.positive-text{color:#148176}.positive-text span{color:#929c99;font-weight:400;margin-left:2px}.grid-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:18px;margin-bottom:18px}.card{background:#fff;border:1px solid #e5ebe9;border-radius:12px;box-shadow:0 2px 8px #1c332a05}.chart-card{padding:19px 20px 10px}.card-heading{display:flex;justify-content:space-between;align-items:flex-start}.card-heading h2{font:700 14px Manrope;margin:0;letter-spacing:-.2px}.card-heading p{font-size:10px;color:#8b9693;margin:5px 0 0}.select{border:1px solid #e3e9e7;background:#fff;border-radius:7px;padding:7px 9px;display:flex;gap:7px;align-items:center;font-size:10px;color:#66726e}.legend{display:flex;gap:16px;margin:16px 0 0;color:#89938f;font-size:10px}.legend span{display:flex;gap:6px;align-items:center}.legend i{width:7px;height:7px;border-radius:50%;display:block}.income-dot{background:#0f766e}.cost-dot{background:#a5b2af}.chart{height:250px;margin-top:5px}.quick-card{padding:19px 18px}.quick-list{margin-top:12px}.quick-item{width:100%;border:0;border-top:1px solid #eef1f0;background:#fff;display:flex;align-items:center;text-align:left;gap:10px;padding:12px 2px;color:#46534f}.quick-item:first-child{border-top:0}.quick-item:hover{background:#fafcfc}.quick-icon{width:31px;height:31px;border-radius:8px;background:#f0f5f3;color:#16766e;display:grid;place-items:center}.quick-icon svg{width:16px}.quick-item span:nth-child(2){flex:1}.quick-item b,.quick-item small{display:block}.quick-item b{font-size:11px}.quick-item small{font-size:10px;color:#909a97;margin-top:3px}.quick-item>svg{color:#a0aaa7}.activity-card{padding:19px 20px}.text-button{border:0;background:none;color:#0f766e;font-size:11px;font-weight:700;display:flex;align-items:center;gap:4px}.activity-list{margin-top:13px}.activity-row{display:flex;align-items:center;border-top:1px solid #eef1f0;padding:11px 0;gap:11px}.activity-icon{width:30px;height:30px;border-radius:8px;background:#fbefed;color:#c05e50;display:grid;place-items:center}.activity-icon.positive{background:#eaf5f2;color:#14786f}.activity-name{flex:1}.activity-name b,.activity-name span{display:block}.activity-name b{font-size:11px;font-weight:600}.activity-name span{font-size:9px;color:#929c99;margin-top:3px}.activity-type{font-size:9px;color:#7e8986;background:#f5f7f6;padding:4px 7px;border-radius:5px}.activity-row strong{font-size:11px;min-width:92px;text-align:right}.amount-positive{color:#14786f}.placeholder{padding:60px 30px;text-align:center;max-width:720px;margin-top:25px}.placeholder-icon{margin:auto;width:54px;height:54px;border-radius:15px;background:#e7f3f0;color:#0f766e;display:grid;place-items:center}.placeholder h2{font:700 18px Manrope;margin:17px 0 7px}.placeholder p{color:#7d8985;font-size:12px;line-height:1.6;max-width:500px;margin:auto}@media(max-width:1000px){.sidebar{width:225px}.main{margin-left:225px;width:calc(100% - 225px)}.stats{grid-template-columns:repeat(2,1fr)}.grid-main{grid-template-columns:1fr}.content{padding:25px}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:.2s;width:260px;box-shadow:15px 0 35px #12251d18}.sidebar.open{transform:translate(0)}.mobile-close{display:block}.main{margin-left:0;width:100%}.topbar{padding:0 16px}.menu-button{display:block}.breadcrumb,.search,.user-name{display:none}.content{padding:22px 15px}.welcome-row{align-items:flex-start;gap:15px}.welcome-row h1{font-size:23px}.ai-card{align-items:flex-start}.ai-button{display:none}.stats{gap:9px}.stat-card{padding:14px}.stat-value{font-size:17px}.grid-main{gap:12px}.activity-type{display:none}.activity-row strong{min-width:75px}.chart{height:220px}}@media(max-width:440px){.stats{grid-template-columns:1fr 1fr}.welcome-row .primary{padding:9px}.welcome-row .primary{font-size:0}.welcome-row .primary svg{margin:0}.stat-value{font-size:15px}.stat-change span{display:none}.ai-card p{line-height:1.4}.activity-name b{font-size:10px}}.auth-shell{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:140px 24px 40px;position:relative}.auth-brand{position:absolute;top:28px;left:32px;display:flex;align-items:center;gap:14px;text-align:left}.auth-brand .brand-mark{width:48px;height:48px;border-radius:13px;font-size:26px}.auth-brand strong{display:block;font:800 22px Manrope;letter-spacing:-.5px}.auth-brand span{display:block;margin-top:-2px;font-size:14px;color:#7c8885}.auth-form{display:flex;flex-direction:column;gap:16px;text-align:left}.auth-form label{display:flex;flex-direction:column;gap:6px}.auth-input{display:flex;align-items:center;gap:10px;height:44px;padding:0 12px;border:1px solid #e2e8e6;border-radius:9px;background:#fff}.auth-input input{flex:1;min-width:0;border:0;outline:0;background:transparent}.auth-submit{justify-content:center}.auth-divider{text-align:center;margin:20px 0;color:#8a9491;font-size:12px}.auth-provider{height:44px;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #dfe5e3;border-radius:20px;background:#fff;color:#182321;text-decoration:none;font-size:16px;font-weight:600;transition:background .15s,border-color .15s}.auth-provider:hover{background:#f7f9f8;border-color:#cdd5d2}.provider-mark{position:absolute;left:50px;top:50%;transform:translateY(-50%);width:18px;height:18px}.provider-mark.google{background:linear-gradient(#4285f4 0,#4285f4 0) top left / 50% 50% no-repeat,linear-gradient(#34a853 0,#34a853 0) bottom left / 50% 50% no-repeat,linear-gradient(#fbbc05 0,#fbbc05 0) bottom right / 50% 50% no-repeat,linear-gradient(#ea4335 0,#ea4335 0) top right / 50% 50% no-repeat;border-radius:50%}.provider-mark.microsoft{background:linear-gradient(#f25022 0,#f25022 0) top left / 48% 48% no-repeat,linear-gradient(#7fba00 0,#7fba00 0) top right / 48% 48% no-repeat,linear-gradient(#00a4ef 0,#00a4ef 0) bottom left / 48% 48% no-repeat,linear-gradient(#ffb900 0,#ffb900 0) bottom right / 48% 48% no-repeat}.provider-mark.github{border-radius:50%;background:#181717}.auth-card{width:400px;max-width:calc(100vw - 48px)}.auth-check{display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:8px;cursor:pointer}.auth-check input{margin:0;width:16px;height:16px}.auth-check span{line-height:16px}
