@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.card-hover{transition:all .3s ease-in-out}.card-hover:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000001a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}img[src$=".svg"]{-webkit-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}@media(max-width:768px){img[src$=".svg"]{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){img[src$=".svg"]{image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;filter:none;-webkit-filter:none}}@supports (-webkit-appearance: none) and (stroke-color: transparent){img[src$=".svg"]{image-rendering:auto!important;-webkit-transform:none!important;transform:none!important}}@supports (-webkit-touch-callout: none) and (not (-webkit-appearance: none)){img[src$=".svg"]{image-rendering:pixelated!important;-webkit-transform:scale(1.01)!important;transform:scale(1.01)!important}}@supports (-webkit-touch-callout: none){img[src$=".svg"]{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);will-change:auto;-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;perspective:1000px}}*{-webkit-tap-highlight-color:transparent}@media(hover:none)and (pointer:coarse){img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.notification-bell{position:relative;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notification-bell:hover{background-color:#0000000d}.bell-icon{position:relative;display:flex;align-items:center;justify-content:center}.bell-svg{color:#666;transition:all .2s ease}.bell-svg:hover{color:#333}.bell-svg.active{color:#007bff}.bell-svg.loading{animation:bellRing .5s ease-in-out}.notification-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#f44,#c00);color:#fff;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border:2px solid white;box-shadow:0 2px 8px #ff44444d;animation:badgePulse 2s infinite}.loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes bellRing{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media(prefers-color-scheme:dark){.notification-bell:hover{background-color:#ffffff1a}.bell-svg{color:#ccc}.bell-svg:hover{color:#fff}.bell-svg.active{color:#4dabf7}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@media(max-width:768px){.notification-bell{padding:6px}.notification-badge{min-width:16px;height:16px;font-size:10px;top:-4px;right:-4px}}.notification-settings{max-width:1200px;margin:0 auto;padding:2rem}.notification-settings .MuiAccordion-root{margin-bottom:1rem;border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important}.notification-settings .MuiAccordion-root:before{display:none}.notification-settings .MuiAccordionSummary-root{padding:1rem 1.5rem;min-height:64px}.notification-settings .MuiAccordionSummary-content{margin:0}.notification-settings .MuiAccordionDetails-root{padding:0 1.5rem 1.5rem;border-top:1px solid rgba(0,0,0,.12)}.notification-settings .MuiTab-root{min-width:120px;font-weight:500}.notification-settings .MuiChip-root{font-weight:500}.notification-settings .MuiSwitch-root{margin-left:auto}.notification-settings .category-icon{font-size:1.5rem;margin-right:1rem;color:#1976d2}.notification-settings .stats-chip{margin-right:.5rem}.notification-settings .MuiAccordion-root.Mui-expanded{margin-bottom:1rem}.notification-settings .MuiAccordionSummary-root.Mui-expanded{background-color:#1976d20a}.notification-settings .MuiDialog-paper{border-radius:12px;padding:.5rem}.notification-settings .save-button{min-width:200px;padding:.75rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;text-transform:none}.notification-settings .loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}@media(max-width:768px){.notification-settings{padding:1rem}.notification-settings .MuiAccordionSummary-root{padding:.75rem 1rem;min-height:56px}.notification-settings .MuiAccordionDetails-root{padding:0 1rem 1rem}.notification-settings .MuiTab-root{min-width:100px;font-size:.875rem}}.notification-settings .MuiAlert-root{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-settings .MuiSwitch-switchBase.Mui-checked{color:#1976d2}.notification-settings .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#1976d2}.notification-settings .type-chips{gap:.5rem;margin-bottom:1rem}.notification-settings .type-chips .MuiChip-root{font-size:.75rem;height:24px}.notification-settings .settings-source{font-size:.875rem;color:#666;margin-top:.5rem}.notification-settings .settings-source.custom{color:#1976d2;font-weight:500}.notification-settings .settings-source.global{color:#888}.notification-settings.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#666}.settings-header{margin-bottom:32px;text-align:center}.settings-header h2{margin:0 0 8px;font-size:28px;font-weight:700;color:#333}.settings-header p{margin:0;font-size:16px;color:#666;line-height:1.4}.settings-message{padding:12px 16px;border-radius:8px;margin-bottom:24px;font-weight:500;text-align:center}.settings-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.settings-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.settings-section{margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid #e9ecef}.settings-section:last-child{border-bottom:none;margin-bottom:0}.settings-section h3{margin:0 0 16px;font-size:20px;font-weight:600;color:#333}.settings-section>p{margin:0 0 20px;color:#666;font-size:14px}.setting-group{display:grid;gap:24px}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-item label{display:flex;justify-content:space-between;align-items:center;gap:16px}.setting-label{font-weight:600;color:#333;font-size:14px}.setting-select,.setting-input{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:120px;background:#fff;transition:border-color .2s ease}.setting-select:focus,.setting-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.setting-description{margin:0;font-size:12px;color:#999;line-height:1.4}.preferences-grid{border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.preferences-header{display:grid;grid-template-columns:2fr repeat(4,1fr);background:#f8f9fa;border-bottom:1px solid #e9ecef;font-weight:600;font-size:13px;color:#666}.category-header,.channel-header{padding:12px 16px;text-align:center;border-right:1px solid #e9ecef}.category-header{text-align:left;border-right:1px solid #e9ecef}.preference-row{display:grid;grid-template-columns:2fr repeat(4,1fr);border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.preference-row:hover{background:#f8f9fa}.preference-row:last-child{border-bottom:none}.category-info{padding:16px;border-right:1px solid #e9ecef}.category-name{font-weight:600;color:#333;margin-bottom:4px;font-size:14px}.category-description{font-size:12px;color:#666;line-height:1.3}.channel-toggle{display:flex;align-items:center;justify-content:center;padding:16px;border-right:1px solid #e9ecef}.channel-toggle:last-child{border-right:none}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background-color:#ccc;transition:.2s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#007bff}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #007bff33}.empty-devices{text-align:center;padding:48px 24px;color:#999;background:#f8f9fa;border-radius:8px;border:2px dashed #ddd}.devices-list{display:grid;gap:12px}.device-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;transition:all .2s ease}.device-item:hover{background:#e9ecef;border-color:#ddd}.device-info{flex:1}.device-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.device-icon{font-size:20px}.device-name{font-weight:600;color:#333;font-size:14px}.device-status{font-size:11px;padding:2px 8px;border-radius:12px;font-weight:600;text-transform:uppercase}.device-status.active{background:#d4edda;color:#155724}.device-status.inactive{background:#f8d7da;color:#721c24}.device-meta{display:flex;gap:16px;font-size:12px;color:#666}.device-type{font-weight:500}.remove-device-button{background:#dc3545;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-device-button:hover{background:#c82333;transform:scale(1.1)}.settings-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #e9ecef}.test-button,.save-button{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;font-size:14px}.test-button{background:#17a2b8;color:#fff}.test-button:hover:not(:disabled){background:#138496}.save-button{background:#28a745;color:#fff}.save-button:hover:not(:disabled){background:#218838}.test-button:disabled,.save-button:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:14px;height:14px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-color-scheme:dark){.notification-settings{background:#1a1a1a;color:#e0e0e0}.settings-header h2{color:#e0e0e0}.settings-header p{color:#ccc}.settings-section{border-bottom-color:#333}.settings-section h3,.setting-label{color:#e0e0e0}.setting-select,.setting-input{background:#333;border-color:#444;color:#e0e0e0}.setting-select:focus,.setting-input:focus{border-color:#4dabf7;box-shadow:0 0 0 3px #4dabf733}.preferences-grid{border-color:#333}.preferences-header{background:#2a2a2a;border-bottom-color:#333;color:#ccc}.category-header,.channel-header,.category-info,.channel-toggle{border-right-color:#333}.preference-row{border-bottom-color:#333}.preference-row:hover{background:#2a2a2a}.category-name{color:#e0e0e0}.category-description{color:#ccc}.toggle-slider{background-color:#555}.toggle-switch input:checked+.toggle-slider{background-color:#4dabf7}.empty-devices{background:#2a2a2a;border-color:#444;color:#ccc}.device-item{background:#2a2a2a;border-color:#444}.device-item:hover{background:#333;border-color:#555}.device-name{color:#e0e0e0}.device-meta{color:#ccc}.settings-actions{border-top-color:#333}}@media(max-width:768px){.notification-settings{margin:0;padding:16px;border-radius:0}.settings-header h2{font-size:24px}.preferences-header{display:none}.preference-row{display:block;border:1px solid #e9ecef;border-radius:8px;margin-bottom:12px;overflow:hidden}.category-info{border-right:none;border-bottom:1px solid #e9ecef;padding:12px 16px}.channel-toggle{border-right:none;border-bottom:1px solid #e9ecef;justify-content:space-between;padding:12px 16px}.channel-toggle:last-child{border-bottom:none}.channel-toggle:before{content:attr(data-channel);font-weight:500;color:#666}.setting-item label{flex-direction:column;align-items:flex-start;gap:8px}.settings-actions{flex-direction:column-reverse;gap:12px}.test-button,.save-button{width:100%;justify-content:center}.device-header{flex-wrap:wrap}.device-meta{flex-direction:column;gap:4px}}@media(max-width:480px){.notification-settings{padding:12px}.settings-section{margin-bottom:24px;padding-bottom:20px}.setting-group{gap:16px}.category-name{font-size:13px}.category-description{font-size:11px}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-scroll{animation:scroll 30s linear infinite}.animate-scroll:hover{animation-play-state:paused}