:root{--color-primary: #00BCD4;--color-primary-dark: #0097A7;--color-primary-light: #B2EBF2;--color-background: #F5F5F5;--color-card-background: #FFFFFF;--color-text-primary: #212121;--color-text-secondary: #757575;--color-text-on-primary: #FFFFFF;--color-divider: #E0E0E0;--color-success: #4CAF50;--color-warning: #FFC107;--color-error: #F44336;--color-info: #2196F3;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-card: 0 2px 4px rgba(0, 0, 0, .1);--shadow-button: 0 2px 8px rgba(0, 188, 212, .3);--shadow-elevated: 0 4px 12px rgba(0, 0, 0, .15);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.maui-card{background-color:var(--color-card-background);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-card);margin-bottom:var(--spacing-md)}.maui-button{height:48px;padding:12px 24px;border-radius:var(--radius-xl);border:none;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;outline:none}.maui-button-primary{background-color:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow-button)}.maui-button-primary:hover{background-color:var(--color-primary-dark)}.maui-button-secondary{background-color:var(--color-card-background);color:var(--color-primary);border:1px solid var(--color-primary)}.maui-button-secondary:hover{background-color:var(--color-background)}.maui-progress{width:100%;height:8px;background-color:var(--color-divider);border-radius:var(--radius-sm);overflow:hidden;margin:var(--spacing-sm) 0}.maui-progress-fill{height:100%;background-color:var(--color-primary);transition:width .3s ease}.maui-module-switcher{display:inline-flex;background-color:var(--color-card-background);border:1px solid var(--color-divider);border-radius:var(--radius-xl);overflow:hidden;height:48px}.maui-module-tab{padding:12px 24px;border:none;background:none;cursor:pointer;font-size:16px;font-weight:500;color:var(--color-text-secondary);transition:all .3s ease;white-space:nowrap}.maui-module-tab.active{background-color:var(--color-primary);color:var(--color-text-on-primary)}.maui-stats-card{background-color:var(--color-card-background);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-card);text-align:center;min-height:120px;display:flex;flex-direction:column;justify-content:center}.maui-stats-title{font-size:14px;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.maui-stats-value{font-size:24px;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.maui-drawer{width:280px;height:100vh;background-color:var(--color-card-background);box-shadow:var(--shadow-elevated);overflow-y:auto}.maui-drawer-item{display:flex;align-items:center;padding:var(--spacing-md);color:var(--color-text-primary);text-decoration:none;transition:background-color .2s ease;cursor:pointer;border:none;background:none;width:100%;text-align:left}.maui-drawer-item:hover{background-color:var(--color-background)}.maui-drawer-item.active{background-color:#e0f7fa;color:var(--color-primary)}.maui-drawer-icon{width:24px;height:24px;margin-right:var(--spacing-md)}.maui-input{width:100%;height:48px;padding:12px 16px;border:1px solid var(--color-divider);border-radius:var(--radius-sm);background-color:var(--color-card-background);font-size:16px;transition:border-color .2s ease;outline:none}.maui-input:focus{border-color:var(--color-primary)}.maui-input::placeholder{color:#9e9e9e}.maui-status-bar{height:56px;background-color:var(--color-primary);color:var(--color-text-on-primary);display:flex;align-items:center;padding:0 var(--spacing-md);position:sticky;top:0;z-index:1000}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-divider);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#bdbdbd}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.fade-in{animation:fadeIn .3s ease}.slide-in-right{animation:slideInRight .3s ease}.slide-in-left{animation:slideInLeft .3s ease}body{margin:0;min-width:320px;min-height:100vh;display:block}button{font-family:inherit}@media(prefers-color-scheme:dark){:root{color-scheme:light}}