:root{--brand: #ff6b00;--brand-600: #e85f00;--brand-700: #cc5200;--brand-100: #fff1e6;--brand-050: #fff8f2;--ink-900: #111111;--ink-800: #1c1c1e;--ink-700: #2c2c2e;--ink-600: #4b4b4f;--ink-400: #8e8e93;--ink-300: #c7c7cc;--ink-200: #e2e2e6;--bg: #f6f6f7;--surface: #ffffff;--surface-2: #fafafa;--border: #ececef;--success: #16a34a;--success-bg: #e9f9ef;--warning: #d97706;--warning-bg: #fdf3e3;--danger: #dc2626;--danger-bg: #fdecec;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 17px;--fs-xl: 20px;--fs-2xl: 26px;--fs-3xl: 32px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--shadow-xs: 0 1px 2px rgba(17, 17, 17, .04);--shadow-sm: 0 2px 8px rgba(17, 17, 17, .06);--shadow-md: 0 6px 20px rgba(17, 17, 17, .09);--shadow-lg: 0 16px 40px rgba(17, 17, 17, .16);--topbar-h: 58px;--tabbar-h: 62px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--sidebar-w: 248px;--content-max: 720px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:var(--fs-md);line-height:1.45;color:var(--ink-800);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none}#root{min-height:100dvh}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}input,select,textarea{font-family:inherit;font-size:16px;color:var(--ink-800)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4{line-height:1.25}::placeholder{color:var(--ink-400)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.hidden-desktop{display:none}@media (min-width: 1024px){.hidden-desktop{display:initial}.hidden-mobile{display:none}}.text-muted{color:var(--ink-400)}.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:var(--fs-xs)}.bold{font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:46px;padding:0 var(--sp-5);border-radius:var(--radius-md);font-size:var(--fs-md);font-weight:600;transition:transform .08s ease,background .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn--primary{background:var(--brand);color:#fff;box-shadow:0 4px 14px #ff6b0052}.btn--primary:hover:not(:disabled){background:var(--brand-600)}.btn--dark{background:var(--ink-900);color:#fff}.btn--dark:hover:not(:disabled){background:var(--ink-700)}.btn--outline{background:var(--surface);color:var(--ink-800);border:1.5px solid var(--ink-200)}.btn--outline:hover:not(:disabled){background:var(--surface-2);border-color:var(--ink-300)}.btn--ghost{background:transparent;color:var(--ink-600);min-height:40px}.btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink-800)}.btn--sm{min-height:36px;padding:0 var(--sp-4);font-size:var(--fs-sm)}.btn--block{width:100%}.btn--icon{width:46px;padding:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card--pad{padding:var(--sp-5)}.card--flat{box-shadow:none}.card__title{font-size:var(--fs-lg);font-weight:700;color:var(--ink-900)}.card__sub{font-size:var(--fs-sm);color:var(--ink-400);margin-top:2px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--sp-4)}.field__label{font-size:var(--fs-sm);font-weight:600;color:var(--ink-600)}.input,.select,.textarea{width:100%;min-height:48px;padding:0 var(--sp-4);border:1.5px solid var(--ink-200);border-radius:var(--radius-md);background:var(--surface);color:var(--ink-800);transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.textarea{padding:var(--sp-3) var(--sp-4);min-height:96px;resize:vertical;line-height:1.5}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #ff6b0024}.select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238e8e93' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sp-3) center;padding-right:40px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.02em}.badge--brand{background:var(--brand-100);color:var(--brand-700)}.badge--neutral{background:var(--ink-200);color:var(--ink-600)}.badge--success{background:var(--success-bg);color:var(--success)}.badge--warning{background:var(--warning-bg);color:var(--warning)}.badge--danger{background:var(--danger-bg);color:var(--danger)}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--sp-8) var(--sp-6);gap:var(--sp-3)}.empty__icon{width:56px;height:56px;border-radius:18px;background:var(--brand-100);color:var(--brand);display:flex;align-items:center;justify-content:center}.empty__title{font-size:var(--fs-lg);font-weight:700;color:var(--ink-900)}.empty__desc{font-size:var(--fs-sm);color:var(--ink-400);max-width:280px;line-height:1.5}.list{display:flex;flex-direction:column}.list__item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.list__item:last-child{border-bottom:none}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin:var(--sp-6) 0 var(--sp-3)}.section-head__title{font-size:var(--fs-lg);font-weight:700;color:var(--ink-900)}.section-head__link{font-size:var(--fs-sm);font-weight:600;color:var(--brand-600);display:inline-flex;align-items:center;gap:2px}.avatar{width:38px;height:38px;border-radius:50%;background:var(--ink-900);color:var(--brand);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--fs-md);flex-shrink:0}.toast{position:fixed;left:50%;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + var(--sp-5));transform:translate(-50%);background:var(--ink-900);color:#fff;padding:var(--sp-3) var(--sp-5);border-radius:999px;font-size:var(--fs-sm);font-weight:600;box-shadow:var(--shadow-md);z-index:60;animation:toast-in .25s ease;max-width:calc(100vw - 48px);text-align:center}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.splash{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);background:var(--ink-900);color:#fff}.splash__mark{width:64px;height:64px;border-radius:18px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--fs-3xl);font-weight:900;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.spinner--dark{border-color:#11111126;border-top-color:var(--ink-900)}@keyframes spin{to{transform:rotate(360deg)}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11111173;z-index:70;animation:fade-in .2s ease}.sheet{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--sp-2) var(--sp-4) calc(var(--sp-5) + var(--safe-bottom));z-index:71;animation:sheet-up .28s cubic-bezier(.32,.72,0,1);max-width:560px;margin:0 auto}.sheet__handle{width:40px;height:5px;border-radius:999px;background:var(--ink-200);margin:var(--sp-2) auto var(--sp-4)}.sheet__title{font-size:var(--fs-lg);font-weight:700;padding:0 var(--sp-2) var(--sp-3)}.sheet__item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-2);border-radius:var(--radius-md);font-size:var(--fs-md);font-weight:600;color:var(--ink-800)}.sheet__item:active{background:var(--surface-2)}.sheet__item--active{color:var(--brand-600)}.sheet__item-icon{width:38px;height:38px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--ink-600)}.sheet__item--active .sheet__item-icon{background:var(--brand-100);border-color:transparent;color:var(--brand)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.availability-alert{padding:var(--sp-4);border-radius:var(--radius-md);font-size:var(--fs-sm);line-height:1.5;white-space:pre-line;margin-bottom:var(--sp-3)}.availability-alert--ok{background:var(--success-bg);color:var(--success);border:1px solid rgba(22,163,74,.3)}.availability-alert--block{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(220,38,38,.3)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.list__item{cursor:default}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11111173;z-index:70;display:flex;align-items:flex-end;justify-content:center;animation:fade-in .2s ease}@media (min-width: 640px){.modal-backdrop{align-items:center}}.modal{background:var(--surface);border-radius:var(--radius-xl);padding:var(--sp-6);width:100%;max-width:420px;margin:var(--sp-4);animation:sheet-up .25s ease;display:flex;flex-direction:column;gap:var(--sp-4)}@media (min-width: 640px){.modal{animation:fade-in .2s ease}}.finance-filters{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;-webkit-overflow-scrolling:touch}.chip{flex:0 0 auto;min-height:36px;padding:0 var(--sp-4);border-radius:999px;border:1.5px solid var(--ink-200);background:var(--surface);color:var(--ink-600);font-size:var(--fs-sm);font-weight:600;-webkit-tap-highlight-color:transparent}.chip--active{background:var(--brand);border-color:var(--brand);color:#fff}.wordmark__img{display:block;height:30px;width:auto}.wordmark__img--lg{height:46px}.shell{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.shell__main{flex:1;width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--sp-5) var(--sp-4) calc(var(--tabbar-h) + var(--safe-bottom) + var(--sp-8))}.topbar{position:sticky;top:0;z-index:40;height:calc(var(--topbar-h) + var(--safe-top));padding:var(--safe-top) var(--sp-4) 0;background:#f6f6f7e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.topbar__demo{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--brand-700);background:var(--brand-100);border:1px solid rgba(255,107,0,.25);padding:4px 10px;border-radius:999px;text-transform:uppercase}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);padding-bottom:var(--safe-bottom)}.tabbar__inner{display:flex;height:var(--tabbar-h);max-width:var(--content-max);margin:0 auto}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink-400);font-size:10.5px;font-weight:600;-webkit-tap-highlight-color:transparent;transition:color .15s ease}.tab--active{color:var(--brand)}.tab__icon{width:24px;height:24px}.sidebar{display:none}@media (min-width: 1024px){.shell{flex-direction:row}.topbar,.tabbar{display:none}.shell__main{width:auto;max-width:none;margin-left:var(--sidebar-w);padding:var(--sp-8) var(--sp-8) var(--sp-8)}.sidebar{display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:var(--ink-900);color:#fff;padding:var(--sp-6) var(--sp-4);gap:var(--sp-2);z-index:45}.sidebar__brand{padding:var(--sp-2) var(--sp-3) var(--sp-6)}.sidebar__nav{flex:1;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:11px var(--sp-3);border-radius:var(--radius-md);color:#ffffff9e;font-size:var(--fs-md);font-weight:600;transition:background .15s ease,color .15s ease}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item--active{background:var(--brand);color:#fff;box-shadow:0 4px 14px #ff6b0059}.nav-item__icon{width:20px;height:20px;flex-shrink:0}.sidebar__user{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius-md);background:#ffffff0f;margin-top:var(--sp-3)}.sidebar__user-name{font-size:var(--fs-sm);font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.sidebar__user-role{font-size:11px;color:#ffffff80}.sidebar__signout{color:#ffffff73;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);flex-shrink:0}.sidebar__signout:hover{background:#ffffff1a;color:#fff}}.page-head{margin-bottom:var(--sp-5)}.page-head__title{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.02em}.page-head__sub{font-size:var(--fs-sm);color:var(--ink-400);margin-top:3px}.dash-welcome{background:linear-gradient(160deg,var(--ink-900) 0%,#2a2a2d 100%);border-radius:var(--radius-xl);padding:var(--sp-6);color:#fff;margin-bottom:var(--sp-5);position:relative;overflow:hidden}.dash-welcome:after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,0,.28),transparent 70%);pointer-events:none}.dash-welcome__title{font-size:var(--fs-xl);font-weight:800;letter-spacing:-.02em}.dash-welcome__sub{margin-top:6px;font-size:var(--fs-sm);color:#ffffffa6;line-height:1.5}.dash-welcome__badge{display:inline-flex;align-items:center;gap:6px;margin-top:var(--sp-4);background:#ff6b0029;border:1px solid rgba(255,107,0,.4);color:#ffb27d;font-size:var(--fs-xs);font-weight:700;padding:5px 12px;border-radius:999px}.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}@media (min-width: 640px){.kpis{grid-template-columns:repeat(3,1fr)}}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-4);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:var(--sp-3)}.kpi__top{display:flex;align-items:center;justify-content:space-between}.kpi__icon{width:34px;height:34px;border-radius:11px;background:var(--brand-100);color:var(--brand);display:flex;align-items:center;justify-content:center}.kpi__trend{font-size:var(--fs-xs);font-weight:700;color:var(--ink-400)}.kpi__value{font-size:var(--fs-xl);font-weight:800;letter-spacing:-.02em;color:var(--ink-900);line-height:1.1}.kpi__label{font-size:var(--fs-xs);font-weight:600;color:var(--ink-400);text-transform:uppercase;letter-spacing:.05em}.login{min-height:100dvh;display:flex;flex-direction:column;background:var(--surface)}.login__hero{background:var(--ink-900);color:#fff;padding:calc(var(--sp-8) + var(--safe-top)) var(--sp-6) var(--sp-8);border-radius:0 0 var(--radius-xl) var(--radius-xl);position:relative;overflow:hidden}.login__hero:after{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,0,.3),transparent 70%)}.login__title{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.02em;margin-top:var(--sp-6)}.login__sub{margin-top:6px;color:#fff9;font-size:var(--fs-sm)}.login__body{flex:1;padding:var(--sp-6) var(--sp-5) calc(var(--sp-8) + var(--safe-bottom));max-width:420px;width:100%;margin:0 auto}.login__error{background:var(--danger-bg);color:var(--danger);font-size:var(--fs-sm);font-weight:600;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);margin-bottom:var(--sp-4)}.demo-card{margin-top:var(--sp-6);background:var(--brand-050);border:1px dashed rgba(255,107,0,.4);border-radius:var(--radius-lg);padding:var(--sp-5)}.demo-card__title{font-weight:700;color:var(--brand-700);font-size:var(--fs-md);display:flex;align-items:center;gap:8px}.demo-card__desc{font-size:var(--fs-sm);color:var(--ink-600);margin-top:6px;line-height:1.55}.module-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);overflow:hidden}.module-hero__top{background:linear-gradient(160deg,var(--ink-900) 0%,#2a2a2d 100%);padding:var(--sp-6);color:#fff;display:flex;align-items:flex-start;gap:var(--sp-4)}.module-hero__icon{width:52px;height:52px;border-radius:16px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.module-hero__title{font-size:var(--fs-xl);font-weight:800;letter-spacing:-.02em}.module-hero__desc{margin-top:4px;font-size:var(--fs-sm);color:#ffffffa6;line-height:1.5}.module-coming{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3);padding:var(--sp-5)}@media (min-width: 640px){.module-coming{grid-template-columns:repeat(3,1fr)}}.module-feature{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-4);display:flex;flex-direction:column;gap:6px}.module-feature__icon{width:28px;height:28px;color:var(--brand)}.module-feature__name{font-size:var(--fs-sm);font-weight:700;color:var(--ink-800)}.module-feature__hint{font-size:var(--fs-xs);color:var(--ink-400);line-height:1.4}.module-feature:last-child:nth-child(odd){grid-column:1 / -1}.config-section{margin-bottom:var(--sp-5)}.config-section__title{font-size:var(--fs-md);font-weight:700;color:var(--ink-900);margin-bottom:var(--sp-3);display:flex;align-items:center;gap:var(--sp-2)}.config-section__title svg{color:var(--brand)}.logo-upload{display:flex;align-items:center;gap:var(--sp-4)}.logo-upload__preview{width:72px;height:72px;border-radius:var(--radius-lg);background:var(--ink-900);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;color:var(--brand);font-weight:900;font-size:var(--fs-2xl)}.logo-upload__preview img{width:100%;height:100%;object-fit:contain;padding:6px}.save-bar{position:static;z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--sp-3);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4)}.save-bar__status{font-size:var(--fs-sm);font-weight:600;color:var(--success);display:flex;align-items:center;gap:6px}.chart-bars{display:flex;align-items:flex-end;gap:10px;height:150px;padding-top:8px}.chart-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}.chart-bars__pair{display:flex;align-items:flex-end;gap:4px;height:100%;width:100%;justify-content:center}.chart-bar{width:38%;max-width:22px;border-radius:4px 4px 0 0;min-height:2px}.chart-bar--entry{background:#16a34a}.chart-bar--expense{background:#dc2626}.chart-col__label{font-size:11px;color:var(--ink-400);font-weight:600}.chart-legend{display:flex;justify-content:center;gap:16px;margin-top:12px;font-size:12px;color:var(--ink-600)}.chart-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px}