*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overflow-x:hidden}body{background:var(--bg-base);color:var(--text-primary);min-height:100dvh;line-height:1.5;overscroll-behavior-y:contain}#root{min-height:100dvh;display:flex;flex-direction:column}:root{--bg-base: #0a0a0f;--bg-card: #131318;--bg-card-hover: #1a1a22;--bg-elevated: #1c1c24;--bg-surface: rgba(255, 255, 255, .04);--bg-overlay: rgba(0, 0, 0, .6);--text-primary: #f0f0f5;--text-secondary: #9393a8;--text-muted: #5e5e73;--text-inverse: #0a0a0f;--accent: #6366f1;--accent-glow: rgba(99, 102, 241, .15);--emerald: #10b981;--emerald-soft: rgba(16, 185, 129, .12);--emerald-text: #34d399;--red: #ef4444;--red-soft: rgba(239, 68, 68, .12);--red-text: #f87171;--amber: #f59e0b;--amber-soft: rgba(245, 158, 11, .12);--amber-text: #fbbf24;--blue: #3b82f6;--blue-soft: rgba(59, 130, 246, .12);--blue-text: #60a5fa;--border: rgba(255, 255, 255, .06);--border-focus: rgba(99, 102, 241, .5);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-full: 999px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .15);--shadow-elevated: 0 4px 16px rgba(0, 0, 0, .4), 0 8px 32px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px rgba(99, 102, 241, .08);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--nav-height: 64px;--header-height: 56px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--r-full)}.tabular-nums{font-variant-numeric:tabular-nums}.app-header{position:sticky;top:0;z-index:100;padding:var(--sp-4) var(--sp-5);padding-top:calc(var(--safe-top) + var(--sp-4));background:#0a0a0fd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;min-height:var(--header-height)}.app-header__brand{display:flex;align-items:center;gap:var(--sp-3)}.app-header__logo{width:32px;height:32px;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--accent) 0%,#818cf8 100%);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;flex-shrink:0}.app-header__title{font-size:17px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.app-header__subtitle{font-size:11px;color:var(--text-muted);font-weight:500}.app-header__period{font-size:12px;color:var(--text-secondary);background:var(--bg-surface);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-full);border:1px solid var(--border);font-weight:500}.page-content{flex:1;padding:var(--sp-5);padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--sp-6));max-width:600px;margin:0 auto;width:100%}.page-title{font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;margin-bottom:var(--sp-1)}.page-subtitle{font-size:13px;color:var(--text-muted);margin-bottom:var(--sp-5)}.section-title{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-3);margin-top:var(--sp-6);display:flex;align-items:center}.section-title:first-child{margin-top:0}.card{background:var(--bg-card);border-radius:var(--r-lg);border:1px solid var(--border);padding:var(--sp-4);transition:background .2s ease,transform .15s ease}.card:active{transform:scale(.98);background:var(--bg-card-hover)}.card--no-active:active{transform:none;background:var(--bg-card)}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.kpi-card{background:var(--bg-card);border-radius:var(--r-md);border:1px solid var(--border);padding:var(--sp-3) var(--sp-4);position:relative;overflow:hidden}.kpi-card--accent{background:linear-gradient(135deg,#6366f10f,#6366f105);border-color:#6366f11f}.kpi-card--full{grid-column:1 / -1}.kpi-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-2)}.kpi-card__icon-wrap{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center}.kpi-card__icon-wrap--accent{background:var(--accent-glow);color:#818cf8}.kpi-card__icon-wrap--emerald{background:var(--emerald-soft);color:var(--emerald-text)}.kpi-card__icon-wrap--amber{background:var(--amber-soft);color:var(--amber-text)}.kpi-card__icon-wrap--blue{background:var(--blue-soft);color:var(--blue-text)}.kpi-card__label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:var(--sp-1)}.kpi-card__value{font-size:20px;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums}.kpi-card__delta{display:inline-flex;align-items:center;gap:2px;font-size:10px;font-weight:600;padding:2px 5px;border-radius:var(--r-full)}.kpi-card__delta--up{background:var(--emerald-soft);color:var(--emerald-text)}.kpi-card__delta--down{background:var(--red-soft);color:var(--red-text)}.profit-banner{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);margin-top:var(--sp-3)}.profit-banner__left{display:flex;flex-direction:column}.profit-banner__label{font-size:12px;font-weight:600;color:var(--text-secondary)}.profit-banner__sub{font-size:10px;color:var(--text-muted);margin-top:1px}.profit-banner__value{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.profit-banner__value--positive{color:var(--emerald-text)}.profit-banner__value--negative{color:var(--red-text)}.alert-banner{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);margin-top:var(--sp-3)}.alert-banner--red{background:var(--red-soft);border:1px solid rgba(239,68,68,.2)}.alert-banner__icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#ef444426;color:var(--red-text);flex-shrink:0}.alert-banner__title{font-size:11px;font-weight:600;color:var(--red-text);text-transform:uppercase;letter-spacing:.04em}.alert-banner__value{font-size:16px;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}.data-table{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.data-table__header{display:flex;align-items:center;padding:var(--sp-2) var(--sp-3);background:#ffffff05;border-bottom:1px solid var(--border);gap:var(--sp-2)}.data-table__th{font-size:9px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.data-table__th--right{text-align:right}.data-table__row{display:flex;align-items:center;padding:var(--sp-3);border-bottom:1px solid rgba(255,255,255,.03);gap:var(--sp-2);transition:background .15s ease}.data-table__row:last-child{border-bottom:none}.data-table__row:active{background:var(--bg-card-hover)}.data-table__row--expandable{flex-wrap:wrap}.data-table__rank{width:20px;height:20px;border-radius:var(--r-full);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--text-secondary);flex-shrink:0}.data-table__rank--1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0a0a0f}.data-table__rank--2{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}.data-table__rank--3{background:linear-gradient(135deg,#b45309,#92400e);color:#fff}.data-table__cell{font-size:12px;color:var(--text-primary)}.data-table__cell--name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-table__cell--right{text-align:right}.data-table__cell--bold{font-weight:700}.cost-breakdown{display:flex;flex-direction:column;gap:var(--sp-3)}.cost-row{display:flex;align-items:center;justify-content:space-between}.cost-row__info{display:flex;align-items:center;gap:var(--sp-2)}.cost-row__dot{width:8px;height:8px;border-radius:var(--r-full);flex-shrink:0}.cost-row__name{font-size:12px;color:var(--text-secondary);font-weight:500}.cost-row__right{display:flex;align-items:center;gap:var(--sp-3)}.cost-row__pct{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.cost-row__amount{font-size:12px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;min-width:70px;text-align:right}.list-section{display:flex;flex-direction:column;gap:var(--sp-2)}.list-item{background:var(--bg-card);border-radius:var(--r-md);border:1px solid var(--border);padding:var(--sp-3) var(--sp-4);display:flex;align-items:center;gap:var(--sp-3);transition:background .15s ease,transform .1s ease}.list-item:active{transform:scale(.98);background:var(--bg-card-hover)}.list-item__rank{width:24px;height:24px;border-radius:var(--r-full);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-secondary);flex-shrink:0}.list-item__rank--1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0a0a0f}.list-item__rank--2{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}.list-item__rank--3{background:linear-gradient(135deg,#b45309,#92400e);color:#fff}.list-item__content{flex:1;min-width:0}.list-item__title{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item__subtitle{font-size:12px;color:var(--text-muted)}.list-item__trailing{text-align:right;flex-shrink:0}.list-item__amount{font-size:14px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.list-item__meta{font-size:11px;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--r-full);font-size:11px;font-weight:600}.badge--emerald{background:var(--emerald-soft);color:var(--emerald-text)}.badge--red{background:var(--red-soft);color:var(--red-text)}.badge--amber{background:var(--amber-soft);color:var(--amber-text)}.badge--blue{background:var(--blue-soft);color:var(--blue-text)}.badge--muted{background:var(--bg-surface);color:var(--text-secondary)}.progress-bar{height:6px;background:var(--bg-surface);border-radius:var(--r-full);overflow:hidden;position:relative}.progress-bar__fill{height:100%;border-radius:var(--r-full);transition:width .8s cubic-bezier(.22,1,.36,1)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:200;background:#0a0a0feb;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border-top:1px solid var(--border);padding-bottom:var(--safe-bottom);display:flex;align-items:stretch;height:calc(var(--nav-height) + var(--safe-bottom))}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--sp-2) 0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;position:relative;background:none;border:none;color:inherit}.bottom-nav__item--active{color:var(--accent)}.bottom-nav__item--active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--accent);border-radius:0 0 2px 2px}.bottom-nav__icon{font-size:22px;color:var(--text-muted);transition:color .2s ease,transform .15s ease}.bottom-nav__item--active .bottom-nav__icon{color:var(--accent);transform:scale(1.1)}.bottom-nav__label{font-size:10px;font-weight:600;color:var(--text-muted);letter-spacing:.02em}.bottom-nav__item--active .bottom-nav__label{color:var(--accent)}.waterfall{display:flex;flex-direction:column;gap:1px;background:var(--bg-card);border-radius:var(--r-lg);border:1px solid var(--border);overflow:hidden}.waterfall__row{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);background:var(--bg-card)}.waterfall__row--indent{padding-left:var(--sp-8)}.waterfall__row--total{background:var(--bg-elevated)}.waterfall__row--highlight{background:linear-gradient(135deg,rgba(99,102,241,.06) 0%,transparent 100%)}.waterfall__label{font-size:13px;color:var(--text-secondary);font-weight:500}.waterfall__row--total .waterfall__label{font-weight:700;color:var(--text-primary)}.waterfall__value{font-size:13px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.gauge-container{display:flex;flex-direction:column;align-items:center;padding:var(--sp-6) var(--sp-4);background:var(--bg-card);border-radius:var(--r-lg);border:1px solid var(--border)}.gauge-value{font-size:42px;font-weight:800;color:var(--text-primary);letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.gauge-label{font-size:12px;color:var(--text-muted);font-weight:500;margin-top:var(--sp-2)}.chart-container{background:var(--bg-card);border-radius:var(--r-lg);border:1px solid var(--border);padding:var(--sp-4);padding-bottom:var(--sp-2)}.chart-container__title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:var(--sp-3)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-in{animation:fadeInUp .4s cubic-bezier(.22,1,.36,1) both}.animate-in-delay-1{animation-delay:.05s}.animate-in-delay-2{animation-delay:.1s}.animate-in-delay-3{animation-delay:.15s}.animate-in-delay-4{animation-delay:.2s}.animate-in-delay-5{animation-delay:.25s}.animate-in-delay-6{animation-delay:.3s}@media(max-width:375px){.page-content{padding:var(--sp-3);padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--sp-4))}.kpi-card__value{font-size:17px}.page-title{font-size:20px}.profit-banner__value{font-size:16px}.data-table__cell--name{font-size:12px}.app-header__title{font-size:15px}}@media(min-width:768px){:root{--nav-height: 72px}.page-content{max-width:720px;padding:var(--sp-6) var(--sp-8);padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--sp-8))}.page-title{font-size:26px}.kpi-grid{grid-template-columns:repeat(4,1fr)}.kpi-card--full{grid-column:span 2}.kpi-card__value{font-size:22px}.profit-banner{padding:var(--sp-4) var(--sp-5)}.profit-banner__value{font-size:22px}.tablet-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.bottom-nav{justify-content:center;gap:var(--sp-8)}.bottom-nav__item{flex:none;min-width:80px}.bottom-nav__label{font-size:11px}.data-table__row{padding:var(--sp-3) var(--sp-4)}.data-table__header{padding:var(--sp-2) var(--sp-4)}.data-table__cell--name{font-size:14px}.waterfall__row{padding:var(--sp-4) var(--sp-5)}.gauge-container{padding:var(--sp-8) var(--sp-4)}.gauge-value{font-size:48px}.chart-container{padding:var(--sp-5)}}@media(min-width:1024px){.page-content{max-width:960px;padding:var(--sp-8) var(--sp-10);padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--sp-8))}.page-title{font-size:28px}.app-header{padding:var(--sp-4) var(--sp-8)}.app-header__title{font-size:19px}.bottom-nav{gap:var(--sp-10)}.bottom-nav__item{min-width:100px;gap:5px}.bottom-nav__icon{font-size:24px}.bottom-nav__label{font-size:12px}.kpi-card{padding:var(--sp-4) var(--sp-5)}.kpi-card__value{font-size:24px}.kpi-card__icon-wrap{width:30px;height:30px}.data-table__row:hover,.list-item:hover{background:var(--bg-card-hover)}.waterfall__label,.waterfall__value{font-size:14px}}@media(min-width:1280px){.page-content{max-width:1080px}.page-title{font-size:30px}.kpi-card{padding:var(--sp-5) var(--sp-6)}.kpi-card__value{font-size:26px}.profit-banner{padding:var(--sp-5) var(--sp-6)}.profit-banner__value{font-size:24px}.profit-banner__label{font-size:14px}.bottom-nav__item{min-width:120px;gap:6px}.bottom-nav__icon{font-size:24px}.bottom-nav__label{font-size:12px;font-weight:500}}@media(min-width:1536px){.page-content{max-width:1200px}}@media(hover:none)and (pointer:coarse){.bottom-nav__item,.data-table__row{min-height:44px}.badge{min-height:24px;padding:4px 10px}.data-table__row:hover,.list-item:hover{background:inherit}}@media(hover:hover)and (pointer:fine){.bottom-nav__item:hover .bottom-nav__icon{color:var(--accent);transform:scale(1.05)}.bottom-nav__item:hover .bottom-nav__label{color:var(--text-secondary)}.card:hover,.kpi-card:hover{border-color:#ffffff1a}}@media(max-height:500px)and (orientation:landscape){.app-header{padding:var(--sp-2) var(--sp-5);min-height:44px}.page-content{padding-top:var(--sp-3)}:root{--nav-height: 52px}.bottom-nav__icon{font-size:18px}.bottom-nav__label{font-size:9px}}@media print{.bottom-nav,.app-header{display:none}.page-content{padding:0;max-width:100%}body{background:#fff;color:#000}.kpi-card,.card,.data-table,.waterfall,.chart-container{border-color:#ccc;background:#fff}}