@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";:root{font-family:DM Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--accent-blue: #2d7dff}.app-root.light{--bg: #f7f9fc;--text: #0f172a;--card-bg: #ffffff;--card-border: #d0e0ff;--chip-bg: #e0ebff;--positive-color: #22c55e;--negative-color: #dc2626}.app-root.dark{--bg: #020617;--text: #e2e8f0;--card-bg: #0a1120;--card-border: #1e293b;--chip-bg: #111827;--positive-color: #4ade80;--negative-color: #f97373}.app-root{background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;transition:background .2s,color .2s}body{margin:0}input[type=date],input[type=time]{font-family:inherit;font-size:inherit}.app-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1rem 2rem;border-bottom:1px solid var(--card-border);flex-wrap:wrap}.app-title{font-size:2rem;font-weight:700;margin:0}.app-subtitle{font-size:.9rem;opacity:.85}.header-right{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.user-panel{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.user-actions{display:flex;gap:.4rem}.theme-chip{background:var(--chip-bg);color:var(--text);border:1px solid var(--card-border);border-radius:999px;padding:.25rem .6rem;cursor:pointer;font-size:1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.theme-chip:hover{background:var(--accent-blue);color:#fff}.filters{display:flex;flex-direction:column;gap:.35rem}.filters-row{display:flex;gap:.5rem;flex-wrap:wrap}.filters-row input{margin-left:.25rem}.segment-control{display:inline-flex;background:var(--card-bg);border-radius:999px;padding:2px;border:1px solid var(--card-border)}.segment-option{border:none;background:transparent;color:var(--text);padding:.25rem .75rem;font-size:.85rem;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease}.segment-option.active{background:var(--accent-blue);color:#fff}.cg-chrome-card-left-edge{position:relative}.cg-chrome-card-left-edge:before{content:"";position:absolute;left:1px;top:1px;bottom:1px;width:12px;background:linear-gradient(90deg,rgba(255,255,255,.06),transparent);pointer-events:none;z-index:1;border-radius:18px 0 0 18px}.app-main{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:flex-start;gap:1.5rem;padding:1.5rem 2rem 2rem}.main-left{position:sticky;top:1rem;align-self:flex-start}.main-right{display:flex;flex-direction:column;gap:1rem}.grid-top{display:grid;grid-template-columns:3fr 2fr 2fr;gap:1rem}.grid-charts{width:100%}.list-row{margin-bottom:.6rem}.list-main{display:flex;justify-content:space-between}.list-label{font-weight:500}.list-sub{font-size:.8rem;opacity:.65}.bar{width:100%;height:6px;background:var(--chip-bg);border-radius:4px;margin:.25rem 0}.bar-fill{height:100%;background:var(--positive-color);border-radius:4px}.recharts-text,.recharts-legend-item-text,.recharts-cartesian-axis-tick-value,.recharts-pie-label-text{fill:var(--text)!important}.date-input-wrapper{display:flex;align-items:center;gap:.4rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:.2rem .5rem}.date-input-field{flex:1;border:none;outline:none;background:transparent;color:var(--text);font-family:inherit;font-size:.9rem}.date-icon{font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease}.date-input-wrapper:hover .date-icon{transform:scale(1.1) rotate(-8deg)}@media(max-width:1000px){.app-main{grid-template-columns:1fr}.main-left{position:static;max-width:600px;margin:0 auto}.main-right{gap:1rem}.grid-top{grid-template-columns:1fr}.header-right{justify-content:flex-start}}.navbar{background:var(--card-bg);border-bottom:1px solid var(--card-border);padding:.75rem 1.25rem;display:flex;justify-content:space-between;align-items:center}.nav-left{display:flex;align-items:center;gap:1.5rem}.app-logo{margin:0;font-size:1.25rem;font-weight:700}.nav-links{display:flex;gap:.25rem}.nav-links button{background:none;border:none;padding:.4rem .75rem;border-radius:6px;cursor:pointer;font-size:.9rem}.nav-links button.active,.nav-links button:hover{background:var(--chip-bg)}.nav-right{display:flex;align-items:center;gap:.75rem}.nav-user-email{font-size:.8rem;opacity:.8}.nav-strip-scroll{scrollbar-width:none;-ms-overflow-style:none}.nav-strip-scroll::-webkit-scrollbar{display:none}.food-hub-tabs{scrollbar-width:none;-ms-overflow-style:none}.food-hub-tabs::-webkit-scrollbar{display:none}.theme-btn{background:var(--chip-bg);border:none;border-radius:6px;padding:.3rem .6rem;cursor:pointer}.page{padding:24px 32px;max-width:1440px;margin:0 auto}.page h1{font-size:28px;font-weight:800;margin:0 0 12px;color:#e5e7eb}.page-subtitle{font-size:13px;color:#94a3b8;margin-bottom:24px;opacity:.85}.card{background:#0f172af0;border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:16px 24px;box-shadow:0 0 0 1px #22c55e26;max-width:720px}.card-title{font-size:18px;font-weight:700;margin-bottom:12px;color:#e5e7eb}:root{--cg-bg: #020617;--cg-surface: rgba(15, 23, 42, .94);--cg-border: #1f2937;--cg-text: #e5e7eb;--cg-accent: #22c55e}@media(max-width:1023px){.transactions-layout{grid-template-columns:1fr!important}}html,body{position:fixed;width:100%;height:100%;margin:0;padding:0;background:#020617;color:#e5e7eb;box-sizing:border-box;overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:auto}body{font-family:DM Sans,system-ui,-apple-system,sans-serif}.app-shell-fill{min-height:100vh;min-height:100dvh}#root{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:none;box-sizing:border-box;background:radial-gradient(circle at top left,rgba(34,197,94,.14),transparent 55%),radial-gradient(circle at top right,rgba(34,197,94,.1),transparent 60%),#020617}body:before,body:after{content:"";position:fixed;width:min(420px,100vw);height:min(420px,100vw);border-radius:999px;pointer-events:none;opacity:.75;filter:blur(14px);z-index:-1}body:before{top:-120px;left:max(-80px,-10vw);background:radial-gradient(circle,rgba(34,197,94,.22),transparent 65%);animation:cgFloat 26s linear infinite}body:after{bottom:-140px;right:max(-60px,-10vw);background:radial-gradient(circle,rgba(34,197,94,.22),transparent 65%);animation:cgFloat 32s linear infinite reverse}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}@keyframes cg-confidence-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes cgFloat{0%{transform:translate3d(-4%,-2%,0) scale(1)}50%{transform:translate3d(4%,3%,0) scale(1.05)}to{transform:translate3d(-4%,-2%,0) scale(1)}}section{background:radial-gradient(circle at top,rgba(148,163,184,.1),transparent 65%),var(--cg-surface);border-radius:14px;border:1px solid var(--cg-border);box-shadow:0 18px 40px #000000b3;padding:20px 20px 24px}section.cg-section-no-card{background:none;border:none;border-radius:0;box-shadow:none;padding:0}button{transition:background-color .15s ease,border-color .15s ease,transform .08s ease,box-shadow .15s ease}button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #00000080}button:active{transform:translateY(0);box-shadow:0 4px 12px #000000b3}input,select,textarea{transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease,transform .08s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cg-accent);box-shadow:0 0 0 1px #22c55eb3,0 0 0 9px #22c55e12;background-color:#020617}nav button,nav a{transition:color .15s ease,background-color .15s ease,transform .08s ease}nav button:hover,nav a:hover{transform:translateY(-1px)}.cg-card{position:relative;overflow:hidden;transform:translateZ(0);transition:transform .25s cubic-bezier(.22,.61,.36,1),box-shadow .25s ease,border-color .2s ease,background-color .2s ease}.cg-card:hover{transform:translate3d(0,-4px,0) scale(1.01);box-shadow:0 18px 50px #000000bf;border-color:#94a3b88c}.cg-card:after{content:"";position:absolute;inset:-40%;pointer-events:none;background:radial-gradient(circle at 0 0,rgba(148,163,184,.22),transparent 55%);opacity:0;transform:translate3d(-30%,-30%,0);transition:opacity .35s ease,transform .35s ease}.cg-card:hover:after{opacity:1;transform:translateZ(0)}input[type=date],input[type=datetime-local]{min-width:0!important}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.7);cursor:pointer}input[type=date]:hover::-webkit-calendar-picker-indicator,input[type=datetime-local]:hover::-webkit-calendar-picker-indicator{opacity:.9}.cg-amount-placeholder::placeholder{color:#94a3b8;opacity:.9}.cg-date-input-no-focus-ring:focus{outline:none!important;border-color:#94a3b866!important;box-shadow:none!important}.cg-date-field-input::-webkit-calendar-picker-indicator{opacity:0!important;position:absolute;right:0;width:48px;height:100%;cursor:pointer}.cg-date-field-input:hover::-webkit-calendar-picker-indicator{opacity:0!important}.mp-cardSummary{display:flex;flex-direction:column;gap:10px}.mp-cardDetails{margin-top:12px;padding-top:12px;border-top:1px solid rgba(148,163,184,.25)}.mp-disclosureBtn{width:100%;margin-top:10px;padding:4px 0;border:none;border-radius:0;background:transparent;color:#94a3b8;font-size:13px;min-height:0;display:flex;align-items:center;justify-content:flex-start;gap:8px;cursor:pointer}@media(max-width:768px){.mp-row{flex-direction:column!important;align-items:stretch!important}.mp-header{flex-direction:column!important;gap:12px!important;align-items:flex-start!important}.mp-headerActions{width:100%!important;display:flex!important;justify-content:flex-end!important}.mp-headerActions button{flex:1!important;max-width:none!important}.mp-cardActions{position:static!important;margin-top:12px!important;width:100%!important;display:flex!important;flex-direction:column!important;gap:8px!important}.mp-cardActions button{width:100%!important;min-height:44px!important;padding:12px 16px!important;font-size:14px!important}.mp-grid2{display:flex!important;flex-direction:column!important;gap:12px!important}.mp-advancedRow{flex-direction:column!important;gap:10px!important;align-items:stretch!important}.mp-modal{width:calc(100vw - 24px)!important;max-width:none!important;height:calc(100vh - 24px)!important;max-height:none!important;border-radius:14px!important;display:flex!important;flex-direction:column!important}.mp-modalBody{overflow:auto!important;padding-bottom:16px!important;flex:1!important}.mp-modalFooter{position:sticky!important;bottom:0!important;background:#0f172af2!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(148,163,184,.18)!important;padding-top:12px!important;padding-bottom:12px!important}.page{padding:12px!important}.mp-cardDetails{padding-top:10px}.mp-comboDetailsBtn{min-height:44px!important;padding:12px 16px!important}.mp-stickyAddButton{position:fixed;bottom:0;left:0;right:0;padding:12px;background:#0f172af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(148,163,184,.25);z-index:100}.mp-stickyAddButton-btn{width:100%;padding:12px 16px;border-radius:10px;border:1px solid rgba(148,163,184,.25);background:#0f172a99;color:#e2e8f0;font-size:15px;font-weight:600;cursor:pointer;text-align:center}.mp-stickyAddButton-btn:active{background:#0f172acc}}@media screen and (max-width:767px){input[type=text],input[type=number],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],select,textarea{font-size:16px!important}}.auth-bg{background-color:#020617;background-image:radial-gradient(ellipse 80% 60% at 15% 85%,rgba(34,197,94,.1) 0%,transparent 65%),radial-gradient(ellipse 60% 50% at 85% 10%,rgba(56,189,248,.08) 0%,transparent 60%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:100% 100%,100% 100%,48px 48px,48px 48px;background-position:0 0,0 0,-1px -1px,-1px -1px}.auth-bg{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:24px;box-sizing:border-box}
