:root{--primary-color: #42b883;--secondary-color: #35495e;--accent-color: #646cff;--text-color: #333333;--text-light: #666666;--background-color: #f8f9fa;--card-background: #ffffff;--border-color: #e0e0e0;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--border-radius: 8px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;font-weight:400;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;width:100%;overflow:hidden;position:fixed;overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}h1{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md)}h2{font-size:1.3rem;font-weight:600;margin-bottom:var(--spacing-sm)}h3{font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-xs)}p{margin-bottom:var(--spacing-md);color:var(--text-light)}button{border-radius:var(--border-radius);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:all .2s ease}button:hover{opacity:.9}button:focus,button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}button.secondary{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color)}.card{background-color:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}#app{width:100%;height:100%;max-width:480px;margin:0 auto;position:relative}.flex{display:flex}.flex-column{flex-direction:column}.justify-center{justify-content:center}.align-center{align-items:center}.text-center{text-align:center}.w-full{width:100%}.h-full{height:100%}.p-md{padding:var(--spacing-md)}.m-md{margin:var(--spacing-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in}:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--border-radius: 8px;--border-radius-sm: 4px;--border-radius-lg: 12px;--border-radius-full: 9999px;--card-background: var(--white);--shadow: var(--shadow-sm);--primary-color: #4a7bff;--primary-light: #6b93ff;--primary-dark: #3a6aee;--secondary-color: #ff4d6d;--secondary-light: #ff6b87;--secondary-dark: #e63e5c;--accent-color: #00c2b3;--accent-light: #33d4c8;--accent-dark: #00a99b;--white: #ffffff;--black: #000000;--gray-50: #f8f9fa;--gray-100: #f0f0f0;--gray-200: #e0e0e0;--gray-300: #cccccc;--gray-400: #aaaaaa;--gray-500: #888888;--gray-600: #666666;--gray-700: #444444;--gray-800: #333333;--gray-900: #222222;--success-color: #28a745;--warning-color: #ffc107;--error-color: #dc3545;--info-color: #17a2b8;--gold: #ffd700;--silver: #c0c0c0;--bronze: #cd7f32;--bg-light: #f8f9fa;--bg-dark: #222222;--text-primary: #333333;--text-secondary: #666666;--text-light: #ffffff;--text-muted: #888888;--border-color: #e0e0e0;--border-light: #f0f0f0;--border-dark: #cccccc;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-primary: 0 4px 8px rgba(74, 123, 255, .3);--shadow-secondary: 0 4px 8px rgba(255, 77, 109, .3)}body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--text-primary);background-color:var(--bg-light);line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:.5rem}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-accent{color:var(--accent-color)}.text-light{color:var(--text-light)}.text-muted{color:var(--text-muted)}.bg-primary{background-color:var(--primary-color)}.bg-secondary{background-color:var(--secondary-color)}.bg-accent{background-color:var(--accent-color)}.bg-light{background-color:var(--bg-light)}.bg-white{background-color:var(--white)}.card{background-color:var(--white);border-radius:8px;box-shadow:var(--shadow-sm);padding:16px}.btn{display:inline-block;padding:8px 16px;border-radius:4px;border:none;font-weight:500;text-align:center;transition:all .2s ease}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:var(--secondary-color);color:var(--white)}.btn-secondary:hover{background-color:var(--secondary-dark)}.btn-outline{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:var(--white)}@media (max-width: 768px){.mobile-container{max-width:480px;margin:0 auto}}:root{--primary-color: #42b883;--text-color: #333;--background-color: #f8f9fa;--border-color: #e0e0e0}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);background-color:var(--background-color);overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#app{width:100%;height:100vh;position:relative}h1{font-size:1.5rem;margin-bottom:1rem}h2{font-size:1.3rem;margin-bottom:.8rem}p{margin-bottom:1rem;line-height:1.5}button{cursor:pointer}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}.mobile-container[data-v-c36118cc]{display:flex;flex-direction:column;height:100vh;width:100%;max-width:480px;margin:0 auto;position:relative;overflow:hidden;background-color:var(--bg-light)}.content[data-v-c36118cc]{flex:1;overflow-y:auto;padding-bottom:60px}.tab-bar[data-v-c36118cc]{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;height:60px;display:flex;justify-content:space-around;align-items:center;background-color:var(--white);box-shadow:var(--shadow-md);z-index:100}.tab-item[data-v-c36118cc]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;cursor:pointer;color:var(--text-secondary);transition:color .3s ease}.tab-item.active[data-v-c36118cc]{color:var(--primary-color)}.tab-icon[data-v-c36118cc]{font-size:20px;margin-bottom:4px}.tab-label[data-v-c36118cc]{font-size:12px}.icon-chart[data-v-c36118cc]:before{content:"📊"}.icon-store[data-v-c36118cc]:before{content:"🏪"}.icon-users[data-v-c36118cc]:before{content:"👥"}.icon-calendar[data-v-c36118cc]:before{content:"📅"}.icon-user[data-v-c36118cc]:before{content:"👤"}.icon-info[data-v-c36118cc]:before{content:"ℹ️"}