@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#172234;background:#f3f5f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:38px;padding:28px 20px 24px;background:#101c2c;color:#cfdae7}.brand{display:flex;align-items:center;gap:11px;padding:0 10px;color:#fff;font-size:21px;font-weight:800;letter-spacing:-.6px}.brand>span:last-child span{color:#5bb9ff}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#2f9ef4,#5865e9)}.sidebar nav{display:grid;gap:8px}.nav-link{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:11px;font-size:14px;font-weight:600;transition:.2s ease}.nav-link:hover{background:#18283d;color:#fff}.nav-link.active{background:#1d5f9b;color:#fff;box-shadow:inset 3px 0 #6dc7ff}.sidebar-project{margin-top:auto;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid #2b3b50;border-radius:13px;background:#172538}.sidebar-project small,.sidebar-project strong{display:block}.sidebar-project small{margin-bottom:3px;color:#8495a9;font-size:10px}.sidebar-project strong{color:#fff;font-size:12px}.project-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:#8ed1ff;background:#203b57}main{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:92px;padding:18px clamp(22px,4vw,54px);background:#fff;border-bottom:1px solid #e5e9ee}.eyebrow{margin:0 0 5px;color:#7a8798;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.topbar h1{margin:0;font-size:clamp(19px,2vw,25px);letter-spacing:-.6px}.topbar-actions{display:flex;align-items:center;gap:10px}.primary-button,.secondary-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border:0;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer}.primary-button{color:#fff;background:#1976bd;box-shadow:0 5px 14px #1976bd2c}.secondary-button{color:#243449;background:#eef2f5}.avatar{display:grid;place-items:center;width:42px;height:42px;margin-left:4px;border:0;border-radius:50%;color:#fff;background:linear-gradient(135deg,#314f70,#16283d);font-size:12px;font-weight:800}.content{width:min(1220px,100%);margin:0 auto;padding:36px clamp(22px,4vw,54px) 70px}.hero-card{display:grid;grid-template-columns:1fr minmax(280px,430px);align-items:end;gap:50px;padding:30px 34px;overflow:hidden;border-radius:20px;color:#fff;background:radial-gradient(circle at 78% 0,#28699c 0,transparent 38%),linear-gradient(120deg,#111e2e,#18324b);box-shadow:0 18px 38px #1423341d}.hero-card .eyebrow,.hero-card p,.hero-card small{color:#b8c6d4}.hero-card h2{margin:4px 0;font-size:clamp(32px,5vw,49px);letter-spacing:-2.5px}.hero-card p{margin-bottom:0;font-size:13px}.progress-label{display:flex;justify-content:space-between;margin-bottom:10px;font-size:12px}.progress-track{height:8px;margin-bottom:10px;overflow:hidden;border-radius:99px;background:#ffffff1f}.progress-track span{display:block;height:100%;min-width:8px;border-radius:inherit;background:linear-gradient(90deg,#43b4ff,#67d1ff)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.metric-card{display:flex;align-items:flex-start;gap:15px;min-width:0;padding:21px;border:1px solid #e4e8ed;border-radius:15px;background:#fff;box-shadow:0 6px 20px #1e32450a}.metric-card p,.metric-card h3,.metric-card small{margin:0}.metric-card p{margin-bottom:6px;color:#788596;font-size:12px}.metric-card h3{font-size:clamp(21px,2vw,27px);letter-spacing:-1px}.metric-card small{display:flex;align-items:center;gap:3px;margin-top:7px;color:#8b97a5;font-size:10px}.metric-card small.positive{color:#229065}.metric-icon{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:12px}.metric-icon.blue{color:#1675b9;background:#e7f3fc}.metric-icon.green{color:#23865f;background:#e9f7f1}.metric-icon.amber{color:#bd741a;background:#fff3df}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.7fr);gap:20px}.panel{padding:25px;border:1px solid #e4e8ed;border-radius:16px;background:#fff;box-shadow:0 6px 20px #1e32450a}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.panel-heading h2{margin:0;font-size:18px;letter-spacing:-.4px}.panel-heading a{display:flex;align-items:center;color:#1675b9;font-size:11px;font-weight:700}.transaction{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 0;border-top:1px solid #edf0f3}.transaction-button{width:100%;border-right:0;border-bottom:0;border-left:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.transaction-button:hover{background:#f8fafc}.transaction-icon,.quick-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;color:#1976bd;background:#eaf4fb}.transaction-main strong,.transaction-main span,.transaction-meta strong,.transaction-meta span{display:block}.transaction-main strong,.transaction-meta strong{font-size:13px}.transaction-main span,.transaction-meta span{margin-top:4px;color:#8995a4;font-size:10px}.transaction-meta{text-align:right}.quick-panel{align-self:start}.quick-panel button{width:100%;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:13px 0;border:0;border-top:1px solid #edf0f3;color:#223043;background:transparent;text-align:left;cursor:pointer}.quick-panel button>span:nth-child(2){min-width:0}.quick-panel strong,.quick-panel small{display:block}.quick-panel strong{font-size:12px}.quick-panel small{margin-top:4px;overflow:hidden;color:#8a96a5;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.mobile-only,.bottom-nav,.mobile-menu-backdrop{display:none}.auth-page,.loading-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 0,#ddecf8 0,transparent 30%),radial-gradient(circle at 90% 100%,#dfe5f8 0,transparent 32%),#f2f5f7}.auth-card{width:min(460px,100%);padding:34px;border:1px solid #e0e6eb;border-radius:22px;background:#fff;box-shadow:0 24px 70px #172b3f1c}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:38px;color:#152235;font-size:20px;font-weight:800;letter-spacing:-.6px}.auth-brand>span:last-child span{color:#2386cd}.auth-heading{text-align:center}.auth-lock,.success-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 18px;border-radius:14px;color:#1b78b9;background:#e9f4fb}.success-icon{color:#25835f;background:#e8f6f0}.auth-heading h1,.auth-message h1{margin:7px 0 10px;font-size:26px;letter-spacing:-.9px}.auth-heading>p:last-child,.auth-message p{margin:0 auto 28px;color:#748294;font-size:13px;line-height:1.7}.auth-card form label{display:block;margin-bottom:8px;color:#344255;font-size:12px;font-weight:700}.input-wrap{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border:1px solid #d9e0e6;border-radius:11px;color:#8492a2;background:#fafbfc;transition:.2s ease}.input-wrap:focus-within{border-color:#3e94d0;box-shadow:0 0 0 3px #2f8fce1c}.input-wrap input{width:100%;border:0;outline:0;color:#1b2839;background:transparent;font-size:14px}.auth-submit{width:100%;margin-top:14px}.auth-submit:disabled{cursor:wait;opacity:.75}.form-error{margin:10px 0 0;color:#b34040;font-size:11px;line-height:1.5}.auth-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:20px 0 0;color:#8b97a6;font-size:10px}.auth-message{padding:28px 0 12px;text-align:center}.auth-message .secondary-button{margin:0 auto}.setup-status{display:flex;align-items:center;gap:12px;padding:15px;border-radius:12px;color:#237959;background:#edf8f3}.setup-status strong,.setup-status small{display:block}.setup-status strong{font-size:12px}.setup-status small{margin-top:3px;color:#6d8d80;font-size:10px}.loading-page{align-content:center;gap:12px;color:#4d5d70;font-size:13px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-only{display:inline-flex;width:42px;padding:0;background:#eef2f5}.topbar{min-height:78px;padding:14px 18px}.topbar>div:nth-child(2){flex:1}.topbar .eyebrow,.topbar .secondary-button{display:none}.topbar h1{font-size:18px}.content{padding:22px 16px 92px}.hero-card{grid-template-columns:1fr;gap:24px;padding:24px}.metric-grid{grid-template-columns:1fr 1fr}.metric-card:last-child{grid-column:span 2}.dashboard-grid{grid-template-columns:1fr}.bottom-nav{position:fixed;z-index:10;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,1fr);padding:8px max(12px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-top:1px solid #dfe5eb;background:#fffffff2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;color:#8390a0;font-size:9px;font-weight:600}.bottom-nav a.active{color:#1675b9}.mobile-menu-backdrop{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:block;background:#0f172a80}.mobile-menu{display:flex;flex-direction:column;gap:24px;width:min(330px,86vw);height:100%;padding:22px 18px;background:#101c2c;box-shadow:18px 0 50px #0f172a47;animation:mobile-menu-in .2s ease-out}.mobile-menu-heading{display:flex;align-items:center;justify-content:space-between}.mobile-menu-heading .icon-button{width:40px;padding:0;color:#d9e5ef;background:#ffffff12}.mobile-menu nav{display:grid;gap:7px}.mobile-menu .nav-link{color:#bdcad8}.mobile-menu .nav-link:hover{color:#fff;background:#172b42}.mobile-menu .nav-link.active{color:#fff;background:#2371ad}.mobile-menu .sidebar-project{margin-top:auto}.mobile-receipt-action{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border:1px solid #315170;border-radius:11px;color:#fff;background:#1b3e5d;text-align:left;cursor:pointer}.mobile-receipt-action span,.mobile-receipt-action strong,.mobile-receipt-action small{display:block}.mobile-receipt-action small{margin-top:3px;color:#9eb3c7}}@keyframes mobile-menu-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@media(max-width:560px){.topbar-actions .primary-button{width:42px;padding:0;font-size:0}.avatar{display:none}.hero-card h2{font-size:34px}.metric-grid{grid-template-columns:1fr}.metric-card:last-child{grid-column:auto}.transaction{grid-template-columns:38px minmax(0,1fr)}.transaction-meta{grid-column:2;display:flex;justify-content:space-between;text-align:left}.auth-page{align-items:start;padding:18px}.auth-card{margin-top:36px;padding:27px 22px;border-radius:18px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#0f172a8c}.expense-modal{width:min(560px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:24px;border-radius:22px;background:#fff;box-shadow:0 24px 70px #0f172a40}.expense-modal form{display:grid;gap:16px;margin-top:20px}.expense-modal label{display:grid;gap:7px;color:#334155;font-size:14px;font-weight:600}.expense-modal input,.expense-modal select,.expense-modal textarea{min-width:0;padding:12px 13px;border:1px solid #dbe3ee;border-radius:10px;font:inherit}.expense-modal textarea{resize:vertical}.expense-modal input:focus,.expense-modal select:focus,.expense-modal textarea:focus{outline:2px solid #93c5fd;border-color:#2563eb}.form-link{justify-self:start;padding:2px 0;border:0;color:#1976bd;background:transparent;font:inherit;font-weight:600;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-actions{display:flex;justify-content:flex-end;gap:10px}.form-error{color:#b91c1c;font-size:14px}.receipt-upload{position:relative;justify-items:center;padding:22px;border:1px dashed #9fc4df;border-radius:14px;color:#2778ad!important;background:#f0f8fd;text-align:center;cursor:pointer}.receipt-upload small{color:#718096;font-weight:400}.receipt-upload input{position:absolute;width:1px;height:1px;padding:0;opacity:0}.category-picker{position:relative}.category-picker>input{width:100%}.category-options{position:absolute;z-index:5;top:calc(100% + 6px);right:0;left:0;max-height:310px;overflow-y:auto;padding:8px;border:1px solid #dbe3ee;border-radius:12px;background:#fff;box-shadow:0 14px 35px #0f172a29}.category-group+.category-group{margin-top:8px;padding-top:8px;border-top:1px solid #edf0f3}.category-group h3{position:sticky;top:-8px;z-index:1;margin:0;padding:8px 9px 6px;color:#718096;background:#fff;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.category-group button{display:block;width:100%;padding:9px;border:0;border-radius:8px;color:#26364b;background:transparent;font:inherit;text-align:left;cursor:pointer}.category-group button:hover,.category-group button.active,.category-group button[aria-selected=true]{color:#125f96;background:#eaf5fc}.category-empty{margin:0;padding:14px 10px;color:#788596;text-align:center}@media(max-width:560px){.form-row{grid-template-columns:1fr}.expense-modal{padding:20px}}[hidden]{display:none!important}.page-heading{margin-bottom:22px}.page-heading h2{margin:0 0 8px;font-size:28px;letter-spacing:-.8px}.page-heading>p:last-child,.page-heading>div>p:last-child{margin:0;color:#788596;font-size:13px}.page-heading-actions{display:flex;align-items:center;justify-content:space-between;gap:20px}.heading-buttons{display:flex;gap:10px}.estimate-groups{display:grid;gap:16px}.estimate-section{padding:0;overflow:hidden}.estimate-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #e9eef3}.estimate-section-heading h2{margin:2px 0 0;font-size:17px}.estimate-section-heading>div:last-child{display:flex;gap:18px;color:#667589;font-size:12px;font-weight:700}.estimate-list{display:grid}.estimate-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;width:100%;padding:16px 22px;border:0;border-bottom:1px solid #edf1f4;color:inherit;background:#fff;text-align:left;cursor:pointer}.estimate-item:last-child{border-bottom:0}.estimate-item:hover{background:#f8fbfd}.estimate-item>div{display:grid;gap:5px}.estimate-item>div:last-child{justify-items:end}.estimate-item strong{font-size:13px}.estimate-item span{color:#788596;font-size:11px}.estimate-item.cancelled{opacity:.6}.estimate-item.cancelled>div:first-child strong{text-decoration:line-through}.status-badge{width:fit-content;padding:4px 8px;border-radius:999px;background:#eaf3fa;color:#2872a6!important;font-weight:700}.status-badge.ordered{background:#fff4dc;color:#9b6812!important}.status-badge.purchased{background:#e8f7ef;color:#247657!important}.status-badge.cancelled{background:#f1f2f4;color:#687386!important}.empty-state{display:grid;justify-items:center;gap:10px;padding:48px 24px;color:#708093;text-align:center}.empty-state h2,.empty-state p{margin:0}.empty-state h2{color:#26364b;font-size:18px}.empty-state p{max-width:560px;font-size:13px;line-height:1.6}.analytics-list{display:grid;gap:20px}.analytics-list article{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,2fr) auto;align-items:center;gap:18px}.analytics-list article>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:13px}.analytics-list article span{color:#8290a0;font-size:11px}.analytics-track{height:9px;overflow:hidden;border-radius:99px;background:#e8edf2}.analytics-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2388ce,#58b9f4)}.analytics-list b{min-width:110px;text-align:right;font-size:13px}.settings-list{display:grid;gap:0}.settings-list>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #edf0f3;font-size:13px}.settings-list>div:first-child{padding-top:0}.settings-list>div span{color:#788596}.settings-list .secondary-button{justify-self:start;margin-top:22px}@media(max-width:700px){.page-heading-actions{align-items:flex-start}.page-heading-actions,.estimate-section-heading{flex-direction:column}.heading-buttons{width:100%}.heading-buttons .primary-button{flex:1}.estimate-section-heading{align-items:stretch}.estimate-section-heading>div:last-child{justify-content:space-between}.estimate-item{gap:12px;padding:15px 17px}.analytics-list article{grid-template-columns:1fr auto;gap:10px}.analytics-track{grid-column:1 / -1;grid-row:2}.analytics-list b{min-width:0}}