ion-app{--ion-font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif}:root{--list-item-padding: 16px 24px;--list-divider-color: #f2f4f6;--list-hover-bg: rgba(24, 35, 142, .03);--list-active-bg: rgba(24, 35, 142, .06);--table-header-bg: #f4f5fa;--table-header-color: #6b7684;--table-row-hover-bg: rgba(24, 35, 142, .02);--table-row-selected-bg: rgba(24, 35, 142, .06);--table-border-color: #f2f4f6;--table-border-radius: 12px;--pagination-active-bg: #18238e;--pagination-active-color: white}.rg-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;white-space:nowrap}.rg-btn:disabled,.rg-btn[disabled]{opacity:.5;cursor:not-allowed}.rg-btn-primary{background:#18238e;color:#fff}.rg-btn-primary:hover:not(:disabled){background:#111862}.rg-btn-secondary{background:#fff;color:#4e5968;border:1px solid #d1d6db}.rg-btn-secondary:hover:not(:disabled){background:#f9fafb}.rg-btn-ghost{background:transparent;color:#436fff;padding:8px 12px}.rg-btn-ghost:hover:not(:disabled){text-decoration:underline}.rg-btn-danger{background:#f04452;color:#fff}.rg-btn-danger:hover:not(:disabled){background:#ec1526}.rg-btn--sm{padding:6px 12px;font-size:12px}@keyframes rg-spin{to{transform:rotate(360deg)}}.rg-spinner{width:32px;height:32px;border:3px solid #e5e8eb;border-top-color:#18238e;border-radius:9999px;animation:rg-spin 1s linear infinite}.rg-spinner--sm{width:20px;height:20px;border-width:2px}.rg-spinner--lg{width:48px;height:48px;border-width:4px}.rg-search-input{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f9fafb;border:1px solid #e5e8eb;border-radius:8px;font-size:14px;color:#191f28;transition:border-color .2s}.rg-search-input:focus-within{border-color:#18238e;background:#fff}.rg-search-input input{border:none;background:transparent;outline:none;flex:1;font-size:inherit;color:inherit}.rg-search-input input::placeholder{color:#b0b8c1}.rg-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.rg-status-badge--active{background:#26d07c1a;color:#1b7a4b}.rg-status-badge--inactive{background:#f044521a;color:#c42535}.rg-status-badge--pending{background:#ffc7001a;color:#b8860b}.rg-table{width:100%;border-collapse:collapse}.rg-table thead th{background:#f9fafb;font-size:12px;font-weight:600;color:#6b7684;padding:10px 12px;border-bottom:1px solid #e5e8eb;text-align:left}.rg-table tbody td{padding:10px 12px;font-size:14px;border-bottom:1px solid #f2f4f6}.rg-table tbody tr:hover{background:#f9fafb}.rg-col-amount{text-align:right;font-variant-numeric:tabular-nums}.rg-sticky-col{position:sticky;left:0;background:#fff;z-index:2;box-shadow:2px 0 4px #0000000a}:root{--ion-color-primary: #18238e;--ion-color-primary-rgb: 24, 35, 142;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #0f1660;--ion-color-primary-tint: #2a3a9e;--ion-color-secondary: #fa8823;--ion-color-secondary-rgb: 250, 136, 35;--ion-color-secondary-contrast: #ffffff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #dc781f;--ion-color-secondary-tint: #ffaa4d;--ion-color-tertiary: #436fff;--ion-color-tertiary-rgb: 67, 111, 255;--ion-color-tertiary-contrast: #ffffff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #2a5ce6;--ion-color-tertiary-tint: #6b8fff;--ion-color-success: #26d07c;--ion-color-success-rgb: 38, 208, 124;--ion-color-success-contrast: #ffffff;--ion-color-success-contrast-rgb: 255, 255, 255;--ion-color-success-shade: #1b7a4b;--ion-color-success-tint: #e6f9f0;--ion-color-warning: #ffc700;--ion-color-warning-rgb: 255, 199, 0;--ion-color-warning-contrast: #191f28;--ion-color-warning-contrast-rgb: 25, 31, 40;--ion-color-warning-shade: #b8860b;--ion-color-warning-tint: #fff8e1;--ion-color-danger: #f04452;--ion-color-danger-rgb: 240, 68, 82;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #c42535;--ion-color-danger-tint: #ffeaec;--ion-color-light: #f9fafb;--ion-color-light-rgb: 249, 250, 251;--ion-color-light-contrast: #191f28;--ion-color-light-contrast-rgb: 25, 31, 40;--ion-color-light-shade: #f2f4f6;--ion-color-light-tint: #ffffff;--ion-color-medium: #8b95a1;--ion-color-medium-rgb: 139, 149, 161;--ion-color-medium-contrast: #ffffff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #6b7684;--ion-color-medium-tint: #b0b8c1;--ion-color-dark: #333d4b;--ion-color-dark-rgb: 51, 61, 75;--ion-color-dark-contrast: #ffffff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #191f28;--ion-color-dark-tint: #4e5968;--ion-background-color: #f4f5fa;--ion-background-color-rgb: 244, 245, 250;--ion-text-color: #191f28;--ion-text-color-rgb: 25, 31, 40;--ion-font-family: -apple-system, BlinkMacSystemFont, Pretendard, Noto Sans KR, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--ion-card-background: #ffffff;--ion-item-background: #ffffff;--ion-item-border-color: #e5e8eb;--ion-toolbar-background: #ffffff;--ion-toolbar-color: #191f28}ion-content{--background: #f4f5fa}ion-card{--background: #ffffff;border-radius:20px;box-shadow:var(--rg-shadow-card);margin:0}ion-button{--border-radius: 12px;font-weight:600;text-transform:none;letter-spacing:0}ion-input,ion-textarea,ion-select{--border-radius: 8px;--background: #ffffff;--padding-start: 12px;--padding-end: 12px}ion-segment{--background: #f2f4f6;border-radius:12px}ion-segment-button{--border-radius: 8px;--indicator-color: #ffffff;--color-checked: #18238e;font-weight:500;text-transform:none}ion-tab-bar{--background: #ffffff;--border: none;box-shadow:0 -1px #e5e8eb}ion-tab-button{--color: #8b95a1;--color-selected: #18238e}:root{--rg-primary: #18238e;--rg-primary-light: #2a3a9e;--rg-primary-dark: #0f1660;--rg-secondary-orange: #fa8823;--rg-secondary-blue: #436fff;--rg-background-light: #f4f5fa;--rg-success: #26d07c;--rg-error: #f04452;--rg-warning: #ffc700;--rg-info: #436fff;--rg-success-bg: #e8f7f0;--rg-error-bg: #ffeaec;--rg-warning-bg: #fff8e1;--rg-info-bg: #e8eef8;--rg-success-dark: #1b7a4b;--rg-error-dark: #c42535;--rg-warning-dark: #b8860b;--rg-info-dark: #1a3a8f;--rg-black: #191f28;--rg-gray-900: #333d4b;--rg-gray-700: #4e5968;--rg-gray-500: #8b95a1;--rg-gray-300: #d1d6db;--rg-gray-100: #f2f4f6;--rg-gray-50: #f9fafb;--rg-white: #ffffff;--rg-glass-white: rgba(255, 255, 255, .7);--rg-glass-border: rgba(255, 255, 255, .5);--rg-gradient-primary: linear-gradient(135deg, #18238e 0%, #436fff 100%);--rg-gradient-success: linear-gradient(135deg, #26d07c 0%, #1db068 100%);--rg-gradient-card: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%)}:root{--rg-font-family: -apple-system, BlinkMacSystemFont, Pretendard, Noto Sans KR, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--rg-font-family-mono: SF Mono, Fira Code, Fira Mono, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;--rg-text-8xl: 64px;--rg-text-7xl: 48px;--rg-text-6xl: 40px;--rg-text-5xl: 36px;--rg-text-4xl: 32px;--rg-text-3xl: 30px;--rg-text-2xl: 26px;--rg-text-xl: 22px;--rg-text-lg: 18px;--rg-text-md: 16px;--rg-text-sm: 14px;--rg-text-xs: 12px;--rg-text-2xs: 11px;--rg-text-3xs: 10px;--rg-text-xs-mid: 13px;--rg-font-extrabold: 800;--rg-font-bold: 700;--rg-font-semibold: 600;--rg-font-medium: 500;--rg-font-regular: 400}:root{--rg-spacing-0: 0;--rg-spacing-2: 2px;--rg-spacing-4: 4px;--rg-spacing-8: 8px;--rg-spacing-12: 12px;--rg-spacing-16: 16px;--rg-spacing-20: 20px;--rg-spacing-24: 24px;--rg-spacing-32: 32px;--rg-spacing-40: 40px;--rg-spacing-48: 48px;--rg-spacing-64: 64px;--rg-radius-xs: 4px;--rg-radius-sm: 8px;--rg-radius-md: 12px;--rg-radius-lg: 16px;--rg-radius-xl: 20px;--rg-radius-full: 9999px;--rg-radius-circle: 50%}:root{--rg-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--rg-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--rg-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .05);--rg-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05);--rg-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--rg-shadow-card: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--rg-shadow-card-subtle: 0 2px 8px rgba(0, 0, 0, .04);--rg-shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .08);--rg-shadow-card-active: 0 4px 12px rgba(0, 0, 0, .15);--rg-shadow-modal: 0 20px 40px rgba(0, 0, 0, .15);--rg-shadow-glow-primary: 0 8px 20px rgba(67, 111, 255, .25);--rg-shadow-glow-success: 0 8px 20px rgba(38, 208, 124, .25);--rg-shadow-focus: 0 0 0 3px rgba(67, 111, 255, .15)}:root{--rg-sidebar-width: 240px;--rg-sidebar-collapsed: 64px;--rg-bottom-nav-height: 60px;--rg-header-height: 56px;--rg-chat-sidebar-width: 420px;--rg-page-max-width: 1440px;--rg-z-dropdown: 1000;--rg-z-modal: 1050;--rg-z-toast: 1080}:root{--chart-primary: #18238e;--chart-primary-light: rgba(24, 35, 142, .15);--chart-secondary: #fa8823;--chart-secondary-light: rgba(250, 136, 35, .15);--chart-positive: #26d07c;--chart-negative: #f04452;--chart-neutral: #b0b8c1;--chart-highlight: #fa8823;--chart-current: #436fff;--chart-comparison: #cbd5e1;--chart-focus: #1d4ed8;--chart-series-1: #18238e;--chart-series-2: #436fff;--chart-series-3: #fa8823;--chart-series-4: #26d07c;--chart-series-5: #9b5de5;--chart-series-6: #00bbf9;--chart-series-7: #f15bb5;--chart-series-8: #fee440;--chart-shadow: 0 2px 8px rgba(0, 0, 0, .04);--chart-glow: none;--chart-animation-duration: .25s;--chart-animation-duration-slow: .35s;--channel-baemin: #2ac1bc;--channel-coupang: #e42a2a;--channel-yogiyo: #fa0050;--channel-ddangyo: #ffcc00;--channel-naver: #03c75a;--channel-hall: #18238e;--channel-store: #3182f6;--channel-takeout: #fa8823;--channel-delivery: #fa8823;--channel-other: #8b95a1}:focus-visible{outline:2px solid var(--color-primary, #18238e);outline-offset:2px}ion-button:focus-visible,ion-input:focus-visible,ion-select:focus-visible,ion-segment-button:focus-visible,ion-checkbox:focus-visible{outline:2px solid var(--color-primary, #18238e);outline-offset:2px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-primary: #18238e;--color-secondary: #fa8823;--color-accent: #436fff;--color-background: #f4f5fa;--color-surface: #ffffff;--color-success: #26d07c;--color-warning: #ffc700;--color-error: #f04452;--color-info: #3182f6;--color-text-primary: #191f28;--color-text-secondary: #4e5968;--color-text-tertiary: #8b95a1;--color-text-disabled: #b0b8c1;--color-border: #e5e8eb;--color-border-light: #f2f4f6;--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 56px;--bottom-nav-base-height: clamp(56px, 8.5vh, 64px);--bottom-nav-height: var(--bottom-nav-base-height);--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--bottom-nav-safe-height: calc(var(--bottom-nav-base-height) + var(--safe-area-bottom));--mobile-page-gutter: clamp(12px, 3.8vw, 18px);--mobile-content-gap: clamp(12px, 3vw, 16px);--desktop-page-gutter: clamp(16px, 2vw, 28px);--desktop-content-max-width: 1320px;--mobile-content-max-width: 840px}@media(max-width:1023px){html{font-size:14px}body{-webkit-text-size-adjust:100%;text-size-adjust:100%;line-height:1.5}.mobile-wrap{white-space:normal!important;word-break:keep-all;overflow-wrap:break-word}}ion-content{--background: var(--color-background)}ion-page{background:var(--color-background)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.page-container{width:100%;max-width:min(var(--desktop-content-max-width),100%);padding:var(--desktop-page-gutter);margin:0 auto}@media(min-width:1024px){.page-container{padding:var(--desktop-page-gutter)}}@media(max-width:1023px){.page-container{max-width:min(var(--mobile-content-max-width),100%);padding:var(--mobile-page-gutter)}}.section-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0 0 12px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}@media(max-width:1023px){.page-header{flex-direction:column;align-items:stretch;gap:12px}}.card-grid{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:768px){.card-grid{gap:16px}}@media(min-width:768px){.card-grid--2col{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.card-grid--3col{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.card-grid--3col{grid-template-columns:repeat(3,1fr)}}.page-container--dashboard,.page-container--analysis{max-width:800px;background:#f2f4f6}.page-container--management{max-width:1200px;background:#fff}.page-container--narrow{max-width:640px}.tab-nav{display:flex;gap:8px;padding:0 clamp(12px,1.6vw,20px) 16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:10px 18px;background:#fff;border:1px solid #e5e8eb;border-radius:12px;font-size:14px;font-weight:600;color:#8b95a1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:all .2s ease}.tab-btn:hover:not(.active){background:#f9fafb;border-color:#b0b8c1}.tab-btn.active{background:#436fff;border-color:#436fff;color:#fff}.tab-navigation{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none;-ms-overflow-style:none}.tab-navigation::-webkit-scrollbar{display:none}@media(max-width:1023px){.tab-nav{gap:6px;padding:0 0 12px}.tab-btn{min-height:36px;padding:8px 14px;font-size:13px}.tab-header{gap:12px;padding:12px 0}.tab-content{gap:12px;padding:0 0 12px}}@media(max-width:767px){.tab-header{padding:12px}}.tab-header{display:flex;align-items:center;justify-content:space-between;padding:16px;gap:16px}@media(max-width:767px){.tab-header{flex-direction:column;align-items:flex-start}}.tab-content{display:flex;flex-direction:column;gap:16px;padding:0 clamp(12px,1.6vw,20px) clamp(12px,1.8vw,20px)}
