*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6}a{color:inherit;text-decoration:none}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-card{background:white;padding:2rem;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.1);text-align:center;max-width:400px;width:100%}.auth-card h1{color:#333;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.auth-card p{color:#666;margin-bottom:1.5rem;font-size:.95rem}.sign-in-button{background:#667eea;color:white;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;width:100%}.sign-in-button:hover{background:#5a6fd8}.auth-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f5f5f5}.loading-container{text-align:center}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:#666;font-size:.9rem}.authenticated-app{min-height:100vh;position:relative}.user-menu{position:absolute;top:1rem;right:1rem;z-index:1000}@media (max-width:480px){.auth-card{padding:1.5rem;margin:0 10px}.auth-card h1{font-size:1.3rem}}.health-indicator{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;background:rgba(255,255,255,.1);font-size:12px}.health-dot{width:8px;height:8px;border-radius:50%;transition:background-color .3s}.health-dot.loading{background-color:#888;animation:pulse 1.5s infinite}.health-dot.healthy{background-color:#34a853}.health-dot.unhealthy{background-color:#ea4335}.health-label{color:rgba(255,255,255,.8);font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.navigation{background-color:#1f2937;border-bottom:1px solid #374151;padding:0 2rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.nav-container{max-width:1400px;margin:0 auto;justify-content:space-between;height:64px}.nav-brand,.nav-container{display:flex;align-items:center}.nav-brand{gap:1rem}.nav-brand h1{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.nav-right{display:flex;align-items:center;gap:1rem}.nav-links{display:flex;gap:.5rem}.nav-link{color:#9ca3af;text-decoration:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;transition:all .2s ease;font-size:.95rem}.nav-link:hover{color:#fff;background-color:#374151}.nav-link.active{color:#fff;background-color:#4285f4}.main-content{min-height:calc(100vh - 64px)}.notification-container{position:relative}.notification-bell{position:relative;background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.notification-bell:hover{color:#fff;background-color:#374151}.notification-badge{position:absolute;top:4px;right:4px;background-color:#ea4335;color:#fff;font-size:10px;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;background-color:#1f2937;border-radius:8px;border:1px solid #374151;box-shadow:0 4px 12px 0 rgba(0,0,0,.3);z-index:1000}.notification-header{padding:16px;border-bottom:1px solid #374151;display:flex;justify-content:space-between;align-items:center}.notification-header h3{font-size:16px;font-weight:500;color:#fff;margin:0}.notification-count{font-size:12px;color:#9ca3af;background-color:#374151;padding:2px 8px;border-radius:12px}.notification-list{max-height:400px;overflow-y:auto}.notification-empty{padding:32px 16px;text-align:center;color:#9ca3af}.notification-empty p{margin:0;font-size:14px}.notification-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid #374151;cursor:pointer;transition:background-color .2s ease}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#374151}.notification-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:rgba(234,67,53,.15);border-radius:50%}.notification-content{flex:1 1;min-width:0}.notification-title{font-size:14px;font-weight:500;color:#fff;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-meta{font-size:12px;color:#9ca3af}@media (max-width:768px){.notification-dropdown{width:calc(100vw - 32px);right:-8px}}