*{box-sizing:border-box}body,html{margin:0;padding:0;background:#f7f8fc;color:#151823;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#111a2d,#15213b);color:#fff;padding:24px 16px;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 26px}.brandLink{text-decoration:none}.brandMark,.miniLogo{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,#5b45ff,#7c3aed);box-shadow:0 8px 24px rgba(91,69,255,.35)}.brand strong{display:block;font-size:20px;letter-spacing:-.02em}.brand span{display:block;color:#9faaca;font-size:10px;letter-spacing:.12em;margin-top:2px}.groupedNav{gap:14px}.groupedNav,.navSection{display:flex;flex-direction:column}.navSection{gap:5px}.navLabel{padding:0 14px 4px;color:#6f7c9d;font-size:9px;letter-spacing:.12em}.navItem{border:0;background:transparent;color:#c6cfdf;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:11px;cursor:pointer;text-align:left}.navItem.active,.navItem:hover{background:linear-gradient(90deg,#5b45ff,#7b4dff);color:white}.companyCard{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);border-radius:14px}.companyCard span,.companyCard strong{display:block}.companyCard strong{font-size:12px}.companyCard span{font-size:10px;color:#95a0bb}.companyCard svg{margin-left:auto}.miniLogo{width:32px;height:32px;border-radius:9px}.content{padding:28px 32px 42px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.topbar h1{margin:0;font-size:28px;letter-spacing:-.03em}.topbar p{margin:6px 0 0;color:#758099;font-size:14px}.topActions{display:flex;align-items:center;gap:10px}.cardHead button,.iconButton,.integrationTileBottom button,.period{border:1px solid #e3e6ef;background:#fff;border-radius:10px;padding:10px 13px;color:#394158}.iconButton{padding:10px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#5b45ff,#8f4aff);color:#fff;font-weight:700}.statsGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:16px}.card{background:#fff;border:1px solid #e8ebf2;border-radius:18px;box-shadow:0 10px 28px rgba(26,37,68,.055)}.stat{padding:18px;display:flex;gap:13px;align-items:flex-start}.statIcon,.summaryIcon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f0edff;color:#5d47ff;flex:0 0 auto}.metric span,.stat span,.summaryCard span{display:block;color:#707a92;font-size:12px}.stat strong{display:block;font-size:24px;margin:4px 0 7px;letter-spacing:-.03em}.stat small{font-size:11px;color:#17a967}.stat em{font-style:normal;color:#8b93a8;margin-left:5px}.dashboardGrid{display:grid;grid-template-columns:1.08fr 1fr;grid-gap:16px;gap:16px}.cashCard,.integrationsCard,.productCard,.revenueCard{padding:18px}.cardHead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.cardHead h2{margin:0;font-size:17px}.cardHead button{font-size:12px;padding:8px 10px}.cardFooterLink,.textButton{font-size:12px;color:#5d47ff;font-weight:600}.revenueList{display:flex;flex-direction:column;gap:14px}.revenueRow{display:grid;grid-template-columns:10px 100px 1fr 74px 48px;grid-gap:12px;gap:12px;align-items:center;font-size:13px}.dot{width:8px;height:8px;border-radius:50%}.d0{background:#7c3aed}.d1{background:#3178f6}.d2{background:#39b66c}.d3{background:#ff6f2c}.bar{height:7px;background:#f0f2f8;overflow:hidden}.bar,.bar i{border-radius:999px}.bar i{display:block;height:100%;background:linear-gradient(90deg,#7248ff,#9f5bff)}.revenueRow strong{text-align:right}.revenueRow small{color:#7c859c}.totalRow{display:flex;justify-content:space-between;border-top:1px solid #eceef5;margin-top:18px;padding-top:16px;font-size:14px}.totalRow strong{font-size:18px}.productTop{display:grid;grid-template-columns:auto 1fr auto;grid-gap:12px;gap:12px;align-items:center;padding-bottom:18px;border-bottom:1px solid #edf0f5}.appIcon,.integrationIcon,.integrationLargeIcon,.productTileIcon,.projectIcon{display:grid;place-items:center;background:linear-gradient(135deg,#e7e2ff,#f4efff);color:#6346ff;border-radius:12px}.appIcon{width:52px;height:52px}.productTop h2{display:inline;margin:0 8px 0 0;font-size:18px}.productTop p{margin:4px 0 0;color:#7b8499;font-size:12px}.live{background:#e9f8ef;color:#239659;padding:4px 8px;border-radius:999px;font-size:10px}.spark{color:#7448ff;font-weight:800;letter-spacing:-2px;font-size:18px}.cashGrid,.productMetrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0}.metric{padding:18px 12px;text-align:center;border-right:1px solid #edf0f5}.metric:last-child{border-right:0}.metricIcon{color:#6648ff;margin-bottom:7px;display:flex;justify-content:center}.metric strong{display:block;margin-top:7px;font-size:19px}.cardFooterLink{display:block;border-top:1px solid #edf0f5;padding-top:14px;margin-top:4px}.integrationList{display:flex;flex-direction:column;gap:10px}.integrationRow{display:grid;grid-template-columns:32px 1fr auto;align-items:center;grid-gap:10px;gap:10px;border-bottom:1px solid #f0f2f6;padding-bottom:10px}.integrationRow:last-child{border-bottom:0}.integrationIcon{width:30px;height:30px;border-radius:9px}.status{font-size:10px;background:#f3f4f7;color:#7a8193;padding:5px 8px;border-radius:999px}.status.ok{background:#e8f8ef;color:#23894f}.projects{margin-top:16px;padding:18px}.projectGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.project{border:1px solid #ebedf4;border-radius:14px;padding:14px}.projectLink{transition:.18s ease}.projectLink:hover{transform:translateY(-2px);border-color:#d8d3ff;box-shadow:0 10px 26px rgba(90,70,220,.08)}.projectTopLine{display:grid;grid-template-columns:34px 1fr auto;align-items:center;grid-gap:9px;gap:9px}.projectIcon{width:34px;height:34px}.projectTopLine span{font-size:9px;background:#eaf8ef;color:#2d9859;padding:4px 7px;border-radius:999px}.projectMeta{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:16px}.projectMeta small{display:block;color:#9299aa;font-size:10px}.projectMeta b{display:block;margin-top:4px}.addProject{border:1px dashed #cfd4e2;border-radius:14px;background:#fbfbfd;color:#6b7390;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;min-height:115px;font-size:28px}.addProject span{font-size:12px}.cashCard .metric{padding:10px}.cashCard .metric strong{font-size:17px}.summaryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:16px}.summaryCard{padding:18px}.summaryCard strong{display:block;font-size:24px;margin:9px 0 6px}.summaryCard small{color:#7f879b}.dataFlowCard,.detailCard,.tableCard{padding:20px}.sectionNote{margin:5px 0 0;color:#858da1;font-size:12px}.dataTable{display:flex;flex-direction:column}.dataRow{display:grid;grid-template-columns:1.1fr 1fr .8fr .7fr 1.2fr;grid-gap:14px;gap:14px;padding:14px 4px;border-bottom:1px solid #edf0f5;align-items:center;font-size:13px}.dataRow:last-child{border-bottom:0}.dataHeader{color:#9299aa;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.expensesTable .dataRow{grid-template-columns:1.3fr 1fr 1fr 1fr}.twoColumnGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f2efff;color:#674aff;font-size:10px}.badge.warn{background:#fff4e8;color:#c96a16}.okBadge{background:#e9f8ef;color:#23894f}.detailList{display:flex;flex-direction:column}.detailList div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #eef0f5}.detailList div:last-child{border-bottom:0}.detailList span{color:#707990;font-size:13px}.reserveHero{display:flex;align-items:baseline;gap:8px;margin:16px 0}.reserveHero strong{font-size:34px}.reserveHero span{color:#858da1}.progressTrack{height:10px;background:#f0eff8;border-radius:999px;overflow:hidden}.progressTrack i{display:block;height:100%;background:linear-gradient(90deg,#5c47ff,#9c62ff);border-radius:999px}.integrationGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.integrationTile{padding:18px}.integrationTileTop{display:grid;grid-template-columns:50px 1fr auto;align-items:center;grid-gap:12px;gap:12px}.integrationLargeIcon{width:50px;height:50px}.integrationTile h2{margin:0;font-size:17px}.integrationTile p{margin:4px 0 0;color:#7c8498;font-size:12px}.connectedIcon{color:#24a05a}.integrationTileBottom{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.integrationTileBottom button{padding:8px 12px;font-size:12px}.dataFlowCard{margin-top:16px}.flowLine{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.flowLine span{padding:12px 14px;border:1px solid #e7e9f0;background:#fafafe;border-radius:12px;font-size:12px}.flowLine b{color:#6346ff}.productsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.productTile{padding:20px;min-height:220px;display:flex;flex-direction:column}.productTileIcon{width:52px;height:52px}.productTileHead{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.productTileHead h2{margin:0;font-size:18px}.productTileStats{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:24px}.productTileStats span{display:block;color:#8a92a6;font-size:10px}.productTileStats strong{display:block;margin-top:5px;font-size:18px}.productTileLink{margin-top:auto;padding-top:18px;color:#5d47ff;font-size:12px;font-weight:600}.addProductTile{align-items:center;justify-content:center;gap:8px;border-style:dashed;color:#737c92}.addProductTile strong{font-size:16px}.addProductTile span{font-size:12px}.emptyState{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.emptyIcon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:#f0edff;color:#5d47ff}.emptyState h2{margin:18px 0 8px}.emptyState p{max-width:560px;color:#7a8398;line-height:1.6;margin:0}.loginShell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#eeeaff 0,transparent 32%),linear-gradient(180deg,#f7f8fc,#eef1f8)}.loginPanel{width:min(440px,100%);background:#fff;border:1px solid #e8ebf2;border-radius:24px;box-shadow:0 24px 70px rgba(26,37,68,.12);padding:30px}.loginBrand{display:flex;align-items:center;gap:12px}.loginBrand strong{display:block;font-size:18px}.loginBrand span{display:block;margin-top:2px;font-size:10px;letter-spacing:.12em;color:#8992a8}.loginCopy{margin:34px 0 24px}.loginIcon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#f0edff;color:#5d47ff}.loginCopy h1{margin:16px 0 6px;font-size:30px;letter-spacing:-.03em}.loginCopy p{margin:0;color:#7b8498}.loginForm{gap:16px}.loginForm,.loginForm label{display:flex;flex-direction:column}.loginForm label{gap:7px;font-size:12px;color:#555f76;font-weight:600}.loginForm input{width:100%;border:1px solid #dfe3ec;background:#fbfcff;border-radius:11px;padding:12px 13px;outline:none;color:#151823}.loginForm input:focus{border-color:#775fff;box-shadow:0 0 0 3px rgba(119,95,255,.11)}.loginForm button{border:0;border-radius:11px;padding:12px 16px;background:linear-gradient(90deg,#5b45ff,#7b4dff);color:#fff;font-weight:700;cursor:pointer}.loginForm button:disabled{opacity:.6;cursor:wait}.loginError{margin:0;padding:10px 12px;border-radius:10px;background:#fff0f0;color:#bb3e3e;font-size:12px}@media(max-width:1250px){.statsGrid{grid-template-columns:repeat(3,1fr)}.productsGrid,.projectGrid,.summaryGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.shell{grid-template-columns:74px 1fr}.sidebar{padding:20px 10px}.brand div:not(.brandMark),.companyCard div:not(.miniLogo),.companyCard svg,.navItem span,.navLabel{display:none}.brand{padding-left:0;padding-right:0}.brand,.navItem{justify-content:center}.navItem{padding:12px}.companyCard{justify-content:center}.content{padding:22px 16px}.dashboardGrid,.twoColumnGrid{grid-template-columns:1fr}.statsGrid{grid-template-columns:repeat(2,1fr)}.topbar p{display:none}}@media(max-width:620px){.shell{display:block}.sidebar{position:static;height:auto;overflow:auto;align-items:center}.groupedNav,.navSection,.sidebar{flex-direction:row}.companyCard{display:none}.content{padding:16px 12px}.topbar{align-items:flex-start}.integrationGrid,.productsGrid,.projectGrid,.statsGrid,.summaryGrid{grid-template-columns:1fr}.cashGrid,.productMetrics{grid-template-columns:repeat(2,1fr)}.revenueRow{grid-template-columns:10px 80px 1fr 62px}.revenueRow small{display:none}.dataRow,.expensesTable .dataRow{grid-template-columns:1fr 1fr}.dataHeader{display:none}.flowLine{align-items:stretch;flex-direction:column}.flowLine b{text-align:center}.loginPanel{padding:24px}}