:root{--ian-emerald: #10B981;--ian-emerald-dark: #059669;--ian-emerald-rgb: 16, 185, 129;--ian-blue: #3B82F6;--ian-blue-dark: #1D4ED8;--ian-blue-rgb: 59, 130, 246;--ian-error: #EF4444;--ian-warning: #F59E0B;--ian-info: #3B82F6;--ian-white: #FFFFFF;--ian-black: #111827;--ian-shadow: #CBD5E1;--ian-surface: #F2F4F7;--color-primary: var(--ian-emerald);--color-primary-hover: var(--ian-emerald-dark);--color-primary-rgb: var(--ian-emerald-rgb);--color-secondary: var(--ian-blue);--color-secondary-hover: var(--ian-blue-dark);--color-secondary-rgb: var(--ian-blue-rgb);--color-text-primary: var(--ian-black);--color-text-secondary: #64748B;--color-text-muted: #94A3B8;--color-text-inverse: var(--ian-white);--color-surface-primary: var(--ian-white);--color-surface-secondary: var(--ian-surface);--color-surface-glass: rgba(255, 255, 255, .95);--color-surface-overlay: rgba(255, 255, 255, .8);--color-border-primary: var(--ian-shadow);--color-border-light: rgba(203, 213, 225, .5);--color-border-input: #E2E8F0;--color-success: var(--ian-emerald);--color-error: var(--ian-error);--color-warning: var(--ian-warning);--color-info: var(--ian-info);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--shadow-primary: 0 10px 25px rgba(var(--ian-emerald-rgb), .3);--shadow-secondary: 0 10px 25px rgba(var(--ian-blue-rgb), .3);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-all: all var(--transition-base)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow-x:hidden;font-family:var(--font-family-primary);color:var(--color-text-primary);background-color:var(--color-surface-secondary)}app-root{display:flex;flex-direction:column;min-height:100vh;width:100vw}.notifications-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none}.notification{animation:slideInRight .3s ease-out;pointer-events:auto}.notification-content{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;color:#fff;min-width:200px;max-width:400px}.notification-icon{font-size:var(--font-size-lg);flex-shrink:0}.notification-text{flex:1;line-height:1.4}.notification--success .notification-content{background:var(--color-success)}.notification--error .notification-content{background:var(--color-error)}.notification--warning .notification-content{background:var(--color-warning)}.notification--info .notification-content{background:var(--color-info)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 640px){.notifications-container{top:15px;right:15px;left:15px}.notification-content{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);min-width:auto;max-width:none}.notification-icon{font-size:var(--font-size-base)}}