:root{--ui-primary: #3b82f6;--ui-primary-hover: #2563eb;--ui-primary-active: #1d4ed8;--ui-primary-text: #ffffff;--ui-secondary: #64748b;--ui-secondary-hover: #475569;--ui-secondary-active: #334155;--ui-secondary-text: #ffffff;--ui-success: #22c55e;--ui-success-hover: #16a34a;--ui-success-active: #15803d;--ui-success-text: #ffffff;--ui-danger: #ef4444;--ui-danger-hover: #dc2626;--ui-danger-active: #b91c1c;--ui-danger-text: #ffffff;--ui-warning: #f59e0b;--ui-warning-hover: #d97706;--ui-warning-active: #b45309;--ui-warning-text: #ffffff;--ui-bg: #ffffff;--ui-bg-secondary: #f8fafc;--ui-bg-tertiary: #f1f5f9;--ui-bg-hover: rgba(0, 0, 0, .05);--ui-text: #1e293b;--ui-text-muted: #64748b;--ui-text-disabled: #94a3b8;--ui-border: #e2e8f0;--ui-border-hover: #cbd5e1;--ui-border-focus: var(--ui-primary);--ui-radius-sm: .25rem;--ui-radius-md: .375rem;--ui-radius-lg: .5rem;--ui-radius-xl: .75rem;--ui-spacing-xs: .25rem;--ui-spacing-sm: .5rem;--ui-spacing-md: 1rem;--ui-spacing-lg: 1.5rem;--ui-spacing-xl: 2rem;--ui-sidebar-width: 16rem;--ui-sidebar-collapsed-width: 4rem;--ui-navbar-height: 4rem;--ui-footer-height: 3rem;--ui-breakpoint-mobile: 768px;--ui-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--ui-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ui-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ui-transition-fast: .15s ease;--ui-transition-normal: .2s ease;--ui-transition-slow: .3s ease;--ui-font-xs: .75rem;--ui-font-sm: .875rem;--ui-font-md: 1rem;--ui-font-lg: 1.125rem;--ui-font-xl: 1.25rem;--ui-dropdown-bg: var(--ui-bg);--ui-dropdown-border: var(--ui-border);--ui-dropdown-shadow: var(--ui-shadow-lg);--ui-dropdown-radius: var(--ui-radius-md);--ui-dropdown-max-height: 300px;--ui-option-hover-bg: var(--ui-bg-hover);--ui-option-selected-bg: color-mix(in srgb, var(--ui-primary) 10%, transparent);--ui-option-selected-text: var(--ui-primary)}*,*:before,*:after{box-sizing:border-box}.ui-scrollbar,.ui-content,.ui-sidebar__nav{scrollbar-width:thin;scrollbar-color:var(--ui-border-hover) transparent}.ui-scrollbar::-webkit-scrollbar,.ui-content::-webkit-scrollbar,.ui-sidebar__nav::-webkit-scrollbar{width:8px;height:8px}.ui-scrollbar::-webkit-scrollbar-track,.ui-content::-webkit-scrollbar-track,.ui-sidebar__nav::-webkit-scrollbar-track{background:transparent}.ui-scrollbar::-webkit-scrollbar-thumb,.ui-content::-webkit-scrollbar-thumb,.ui-sidebar__nav::-webkit-scrollbar-thumb{background-color:var(--ui-border);border-radius:4px;border:2px solid transparent;background-clip:padding-box}.ui-scrollbar::-webkit-scrollbar-thumb:hover,.ui-content::-webkit-scrollbar-thumb:hover,.ui-sidebar__nav::-webkit-scrollbar-thumb:hover{background-color:var(--ui-border-hover)}.ui-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:16px;line-height:1.5;color:var(--ui-text);background-color:var(--ui-bg)}:root{--ui-primary: #f97316;--ui-primary-hover: #ea580c;--ui-primary-active: #c2410c}ui-content .ui-content{padding:var(--ui-spacing-sm)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--ui-bg-secondary);padding:1rem}.auth-container{width:100%;max-width:28rem;display:flex;flex-direction:column;gap:1.5rem}.auth-logo{font-size:1.75rem;font-weight:700;color:var(--ui-primary);text-decoration:none;text-align:center}.auth-card{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-md)}.auth-card-body{padding:2rem}.auth-title{font-size:1.5rem;font-weight:600;color:var(--ui-text);margin:0 0 1.5rem;text-align:center}.auth-description{color:var(--ui-text-muted);margin:0 0 1.5rem;text-align:center}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-options{display:flex;justify-content:space-between;align-items:center}.auth-link{color:var(--ui-primary);font-size:.875rem;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-form ui-button{display:block;width:100%}.auth-form ui-button button{width:100%}.auth-form>a{width:100%;display:block;text-decoration:none}.google-icon{width:20px;height:20px;flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:1rem;color:var(--ui-text-muted);font-size:.875rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--ui-border)}.auth-footer-text{text-align:center;color:var(--ui-text-muted);font-size:.875rem;margin:.5rem 0 0}.logout-body{text-align:center}.logout-title{font-size:1.5rem;font-weight:600;color:var(--ui-text);margin:0 0 .5rem}.logout-subtitle{color:var(--ui-text-muted);margin:0 0 1.5rem}.card{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg)}.card-body{padding:1.5rem}.card-title{font-size:1.25rem;font-weight:600;color:var(--ui-text);margin:0 0 1rem}.callback-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--ui-bg-secondary)}.callback-container{text-align:center;padding:2rem}.callback-loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.callback-loading p{color:var(--ui-text-muted)}.callback-error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:var(--ui-bg);border-radius:var(--ui-radius-lg)}.callback-error h2{color:var(--ui-danger);margin:0}.callback-error p{color:var(--ui-text-muted);margin:0}.spinner{width:48px;height:48px;border:4px solid var(--ui-border);border-top-color:var(--ui-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}