.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.widget-grid-container{width:100%;min-height:100vh}.widget-grid{position:relative}.react-grid-item{transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;overflow:hidden}.react-grid-item:hover{border-color:#ffffff26}.edit-mode .react-grid-item{cursor:move;border:1px solid rgba(59,130,246,.3)}.edit-mode .react-grid-item:hover{border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f61a}.edit-mode .react-grid-item.react-grid-placeholder{background:#3b82f633;border:2px dashed rgba(59,130,246,.5);border-radius:16px;opacity:.5;transition:all .1s ease}.react-grid-item.react-draggable-dragging{transition:none;z-index:100;opacity:.8;box-shadow:0 8px 32px #0000004d;cursor:grabbing!important;transform:scale(1.02);border:2px solid rgba(59,130,246,.6)}.edit-mode .react-grid-item.react-grid-placeholder{background:#3b82f626;border:2px dashed rgba(59,130,246,.6);border-radius:16px;opacity:.7;transition:all .15s ease;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7;background:#3b82f626}50%{opacity:.9;background:#3b82f640}}.react-grid-item.resizing{opacity:.9;transition:none}.react-resizable-handle{position:absolute;width:20px;height:20px;bottom:0;right:0;cursor:se-resize;background:none}.edit-mode .react-resizable-handle:after{content:"";position:absolute;right:6px;bottom:6px;width:8px;height:8px;border-right:2px solid rgba(59,130,246,.5);border-bottom:2px solid rgba(59,130,246,.5)}.edit-mode .react-resizable-handle:hover:after{border-color:#3b82f6cc}.widget-drag-handle{cursor:move;-webkit-user-select:none;user-select:none}.edit-mode .widget-drag-handle:hover{background:#ffffff0d}.react-grid-item.static{cursor:default}@media (max-width: 768px){.react-grid-item{border-radius:12px}.widget-grid{margin:0 -8px}}.widget{height:100%;display:flex;flex-direction:column;background:var(--widget-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;overflow:hidden;border:1px solid var(--widget-border);transition:all .3s ease}.widget.marked-for-delete{opacity:.5;border-color:#ef4444;background:#ef44440d}.widget.over-trash{border-color:#ef4444;border-width:3px;background:#ef444426;box-shadow:0 0 0 4px #ef444433,0 8px 32px #ef444466;animation:widgetShake .3s ease infinite}@keyframes widgetShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.widget-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--widget-divider);min-height:56px;background:var(--widget-header-bg)}.widget-drag-handle{cursor:move}.widget-title-section{display:flex;align-items:center;gap:10px;flex:1}.widget-icon{font-size:20px;line-height:1}.widget-icon svg,.widget-icon .lucide{border-radius:0!important}.widget-title{font-size:15px;font-weight:600;color:var(--widget-text);margin:0}.widget-actions{display:flex;align-items:center;gap:8px}.widget-delete-btn{padding:6px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.widget-delete-btn svg,.widget-delete-btn .lucide{border-radius:0!important}.widget-delete-btn:hover{background:#ef444433;border-color:#ef444480}.widget-content{flex:1;padding:20px;overflow-y:auto;overflow-x:hidden}.widget-content::-webkit-scrollbar{width:6px}.widget-content::-webkit-scrollbar-track{background:var(--widget-card-bg)}.widget-content::-webkit-scrollbar-thumb{background:var(--widget-border);border-radius:3px}.widget-content::-webkit-scrollbar-thumb:hover{background:var(--widget-text-secondary)}.widget.glass{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.widget.solid{background:#1e1e1ef2}.widget.gradient{background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border:1px solid rgba(59,130,246,.2)}.widget-delete-controls{display:flex;gap:6px;align-items:center}.widget-toggle-btn{padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border:1px solid transparent;background:transparent}.widget-toggle-btn svg,.widget-toggle-btn .lucide{border-radius:0!important}.keep-btn{color:#10b98180;border-color:#10b98133}.keep-btn:hover,.keep-btn.active{background:#10b98126;border-color:#10b98166;color:#10b981}.remove-btn{color:#ef444480;border-color:#ef444433}.remove-btn:hover,.remove-btn.active{background:#ef444426;border-color:#ef444466;color:#ef4444}.server-selector-container{position:relative;min-width:400px}.server-selector-button{width:100%;padding:12px 16px;background:transparent;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease}.server-selector-button:hover{background:#ffffff0d}.selected-server{display:flex;align-items:center;gap:12px;flex:1;position:relative}.status-indicator{margin-left:8px;display:flex;align-items:center}.selector-actions{display:flex;align-items:center;gap:8px}.refresh-btn{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;opacity:.6}.refresh-btn:hover{opacity:1;background:#ffffff0d}.server-icon{font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.server-icon svg,.server-icon .lucide{border-radius:0!important}.server-main-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.server-name-row{display:flex;align-items:center;gap:8px}.server-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;flex-shrink:0}.status-badge .server-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:100%;max-width:100%;width:100%;max-height:480px;background:var(--widget-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--widget-border);border-radius:16px;box-shadow:0 8px 32px #0006;z-index:1000;overflow:hidden;animation:dropdownFadeIn .2s ease;display:flex;flex-direction:column;align-items:flex-start}.server-details-row{display:flex;align-items:center;gap:6px;font-size:11px;opacity:.7}.server-details-row .server-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;display:inline-block}.server-details-row .server-item-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;display:inline-block}.server-detail-item{white-space:nowrap}.server-detail-divider{opacity:.5}.chevron{transition:transform .2s ease}.chevron svg{border-radius:0!important}.chevron.open{transform:rotate(180deg)}.server-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;width:100%;max-height:480px;background:var(--widget-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--widget-border);border-radius:16px;box-shadow:0 8px 32px #0006;z-index:1000;overflow:hidden;animation:dropdownFadeIn .2s ease;display:flex;flex-direction:column}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:12px;border-bottom:1px solid rgba(255,255,255,.1)}.search-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;opacity:.6;pointer-events:none}.search-icon svg,.search-icon .lucide{border-radius:0!important}.search-input{width:100%;padding:10px 12px 10px 40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:inherit;font-size:14px;outline:none;transition:all .2s ease}.search-input:focus{background:#ffffff14;border-color:#fff3}.search-input::placeholder{opacity:.5}.server-list{max-height:320px;overflow-y:auto;padding:8px}.server-list::-webkit-scrollbar{width:6px}.server-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.server-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.server-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.server-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px;background:transparent;border:1px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;margin-bottom:4px}.server-item:hover{background:#ffffff0d;border-color:#ffffff1a}.server-item.selected{background:#3b82f626;border-color:#3b82f64d}.server-item-icon{font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.server-item-icon svg,.server-item-icon .lucide{border-radius:0!important}.server-item-main-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.server-item-name-row{display:flex;align-items:center;gap:8px}.server-item-details-row{display:flex;align-items:center;gap:6px;font-size:11px;opacity:.7}.server-item-name{font-size:14px;font-weight:600}.loading-state,.error-state,.no-results{padding:32px;text-align:center;opacity:.7;font-size:14px}.server-item-details{color:var(--widget-text)}.server-item-details{display:flex;align-items:center;gap:8px;font-size:12px}.server-item-ip{color:var(--text-secondary)}.server-item-health{color:var(--text-tertiary)}.signal-bars{display:flex;align-items:flex-end;gap:3px;height:20px;min-width:32px}.signal-bar{width:4px;border-radius:2px;transition:all .3s ease}.no-results{padding:32px;text-align:center;color:var(--text-secondary);font-size:14px}.dropdown-footer{padding:12px;border-top:1px solid rgba(255,255,255,.1)}.add-host-btn{width:100%;padding:10px 16px;background:#484848fa;border:1px solid rgba(216,231,232,.2);border-radius:8px;color:#d8e7e8;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.add-host-btn:hover{background:#484848d9;border-color:#d8e7e8}.add-host-btn span{font-size:18px;font-weight:700}.performance-widget{display:flex;flex-direction:column;gap:20px;height:100%}.performance-metrics{display:flex;flex-direction:column;gap:16px;flex:1}.performance-metric{display:flex;flex-direction:column;gap:8px}.metric-header{display:flex;justify-content:space-between;align-items:center}.metric-label{font-size:13px;color:var(--text-secondary);font-weight:500}.metric-value{font-size:15px;font-weight:600;color:var(--text-primary)}.metric-unit{font-size:12px;font-weight:400;color:var(--text-tertiary);margin-left:2px}.metric-bar{width:100%;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.metric-bar-fill{height:100%;border-radius:3px;transition:width .5s ease,background-color .3s ease}.overall-score{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.score-label{font-size:13px;color:var(--text-secondary);font-weight:500}.score-value{font-size:32px;font-weight:700;line-height:1}.score-badge{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600}.alerts-widget{display:flex;flex-direction:column;gap:16px;height:100%}.alerts-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.alerts-actions{display:flex;align-items:center;gap:8px}.alerts-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;flex:1}.refresh-btn,.ignored-btn{padding:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.refresh-btn:hover:not(:disabled),.ignored-btn:hover{background:#ffffff1a;border-color:#fff3}.ignored-btn:hover{background:#eab3081a;border-color:#eab3084d;color:#eab308}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn svg{border-radius:0!important}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.alert-stat.critical{border-color:#ef44444d;background:#ef44440d}.alert-stat.warning{border-color:#eab3084d;background:#eab3080d}.alert-stat.info{border-color:#3b82f64d;background:#3b82f60d}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary)}.alert-stat.critical .stat-value{color:#ef4444}.alert-stat.warning .stat-value{color:#eab308}.alert-stat.info .stat-value{color:#3b82f6}.stat-label{font-size:12px;color:var(--text-secondary)}.alerts-list{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.alerts-list::-webkit-scrollbar{width:6px}.alerts-list::-webkit-scrollbar-track{background:#ffffff0d}.alerts-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.alert-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#ffffff08;border-radius:8px;border-left:3px solid;transition:all .2s ease}.alert-item:hover{background:#ffffff0d}.alert-icon{flex-shrink:0;margin-top:2px}.alert-content{flex:1;display:flex;flex-direction:column;gap:6px}.alert-message{font-size:13px;color:var(--text-primary);line-height:1.4}.alert-meta{display:flex;align-items:center;gap:8px;font-size:11px}.alert-category{color:var(--text-secondary);padding:2px 8px;background:#ffffff0d;border-radius:4px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.alert-timestamp{font-size:11px;color:var(--text-tertiary)}.alert-info-btn{flex-shrink:0;padding:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.alert-info-btn:hover{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.alert-info-btn svg{border-radius:0!important}.loading-alerts,.error-alerts,.no-alerts{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;text-align:center;color:var(--text-secondary)}.loading-alerts svg,.error-alerts svg,.no-alerts svg{border-radius:0!important}.error-alerts button{padding:8px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease}.error-alerts button:hover{background:#ef444433;border-color:#ef444480}.no-alerts p,.loading-alerts p,.error-alerts p{margin:0;font-size:14px}.alerts-footer{padding:8px 12px;background:#ffffff08;border-radius:6px;text-align:center;font-size:11px;color:var(--text-tertiary)}.ignored-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.ignored-modal{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;width:90%;max-width:600px;max-height:70vh;display:flex;flex-direction:column;animation:slideUp .3s ease;box-shadow:0 20px 60px #00000080}.ignored-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.ignored-modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:10px}.modal-close-btn{padding:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#ffffff1a;color:var(--text-primary)}.ignored-modal-content{padding:20px;overflow-y:auto;flex:1}.ignored-modal-content::-webkit-scrollbar{width:6px}.ignored-modal-content::-webkit-scrollbar-track{background:#ffffff0d}.ignored-modal-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.loading-ignored,.no-ignored-alerts{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;text-align:center;color:var(--text-secondary)}.ignored-alerts-list{display:flex;flex-direction:column;gap:8px}.ignored-alert-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#ffffff08;border-radius:8px;border-left:3px solid;transition:all .2s ease}.ignored-alert-item.alert-critical{border-left-color:#ef4444}.ignored-alert-item.alert-warning{border-left-color:#eab308}.ignored-alert-item.alert-info{border-left-color:#10b981}.ignored-alert-item:hover{background:#ffffff0d}.ignored-alert-icon{flex-shrink:0;margin-top:2px}.ignored-alert-item.alert-critical .ignored-alert-icon{color:#ef4444}.ignored-alert-item.alert-warning .ignored-alert-icon{color:#eab308}.ignored-alert-item.alert-info .ignored-alert-icon{color:#10b981}.ignored-alert-content{flex:1;display:flex;flex-direction:column;gap:6px}.ignored-alert-message{font-size:13px;color:var(--text-primary);line-height:1.4}.ignored-alert-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary)}.unignore-btn{flex-shrink:0;padding:6px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#3b82f6;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.unignore-btn:hover{background:#3b82f633;border-color:#3b82f6}.traffic-widget{display:flex;flex-direction:column;gap:20px;height:100%}.traffic-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.traffic-stat{display:flex;align-items:center;gap:12px;padding:14px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.traffic-stat:hover{background:#ffffff0d;border-color:#ffffff1f}.stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;flex-shrink:0}.stat-info{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1}.stat-label{font-size:11px;color:var(--text-secondary);line-height:1.2}.traffic-chart-container{flex:1;display:flex;flex-direction:column;gap:12px;padding:16px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.chart-header{display:flex;justify-content:space-between;align-items:center}.chart-title{font-size:13px;font-weight:600;color:var(--text-primary)}.chart-subtitle{font-size:11px;color:var(--text-tertiary)}@media (max-width: 768px){.traffic-stats{grid-template-columns:repeat(2,1fr)}}.uptime-widget{display:flex;flex-direction:column;gap:20px;height:100%}.uptime-status{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.status-text{font-size:13px;font-weight:600}.uptime-main{display:flex;flex-direction:column;gap:16px}.uptime-percentage{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px;background:#10b9810d;border-radius:12px;border:1px solid rgba(16,185,129,.2)}.percentage-value{font-size:40px;font-weight:700;color:#10b981;line-height:1}.percentage-label{font-size:12px;color:var(--text-secondary)}.uptime-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.uptime-stat{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.stat-icon-small{color:var(--text-secondary)}.stat-content{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.stat-value-small{font-size:15px;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-label-small{font-size:11px;color:var(--text-secondary);line-height:1.2}.uptime-history{display:flex;flex-direction:column;gap:12px}.history-header{display:flex;justify-content:space-between;align-items:center}.history-title{font-size:13px;font-weight:600;color:var(--text-primary)}.history-legend{display:flex;gap:12px}.legend-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary)}.legend-dot{width:8px;height:8px;border-radius:2px}.history-bars{display:flex;gap:2px;height:60px;padding:12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.history-bar{flex:1;border-radius:2px;transition:all .2s ease;cursor:pointer}.history-bar:hover{opacity:.8;transform:scaleY(1.1)}.activity-widget{height:100%;overflow-y:auto}.activity-widget::-webkit-scrollbar{width:6px}.activity-widget::-webkit-scrollbar-track{background:#ffffff0d}.activity-widget::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.activity-list{display:flex;flex-direction:column;gap:8px}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.activity-item:hover{background:#ffffff0d;border-color:#ffffff1f}.activity-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;flex-shrink:0}.activity-content{flex:1;display:flex;flex-direction:column;gap:4px}.activity-message{font-size:13px;color:var(--text-primary);line-height:1.4}.activity-time{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-tertiary)}.no-activity{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;text-align:center;color:var(--text-secondary);height:100%}.no-activity p{margin:0;font-size:14px}.quick-actions-widget{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;height:100%;align-content:start}.action-button{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.action-button:before{content:"";position:absolute;inset:0;background:var(--action-color);opacity:0;transition:opacity .2s ease}.action-button:hover{border-color:var(--action-color);transform:translateY(-2px)}.action-button:hover:before{opacity:.05}.action-button:active{transform:translateY(0)}.action-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0d;border-radius:8px;transition:all .2s ease}.action-button:hover .action-icon{transform:scale(1.1)}.action-label{position:relative;z-index:1;font-size:12px;font-weight:600;color:var(--text-primary);text-align:center;line-height:1.3}@media (max-width: 768px){.quick-actions-widget{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.action-button{padding:14px 10px}.action-label{font-size:11px}}.domain-expiry-widget{display:flex;flex-direction:column;gap:12px;height:100%}.expiry-warning{display:flex;align-items:center;gap:8px;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:13px;font-weight:600}.domains-list{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.domains-list::-webkit-scrollbar{width:6px}.domains-list::-webkit-scrollbar-track{background:#ffffff0d}.domains-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.domain-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.domain-item:hover{background:#ffffff0d;border-color:#ffffff1f}.domain-main{display:flex;align-items:center;gap:10px;flex:1}.domain-globe{color:var(--text-secondary);flex-shrink:0}.domain-info{display:flex;flex-direction:column;gap:2px}.domain-name{font-size:13px;font-weight:600;color:var(--text-primary)}.domain-registrar{font-size:11px;color:var(--text-tertiary)}.domain-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;flex-shrink:0}.alert-popup-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.alert-popup{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease;box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.popup-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.popup-close{padding:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.popup-close:hover{background:#ffffff1a;color:var(--text-primary)}.popup-content{padding:20px;overflow-y:auto;flex:1}.popup-content::-webkit-scrollbar{width:6px}.popup-content::-webkit-scrollbar-track{background:#ffffff0d}.popup-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.popup-row{display:flex;gap:12px;margin-bottom:12px;font-size:13px}.popup-row strong{min-width:140px;color:var(--text-secondary);font-weight:600}.popup-row span{flex:1;color:var(--text-primary);word-break:break-word}.alert-type-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.alert-type-badge.critical{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.alert-type-badge.warning{background:#eab3081a;color:#eab308;border:1px solid rgba(234,179,8,.3)}.alert-type-badge.info{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.popup-divider{height:1px;background:#ffffff1a;margin:20px 0}.popup-content h4{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text-primary)}.popup-section{margin-bottom:16px}.popup-section strong{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:13px}.process-list{display:flex;flex-direction:column;gap:6px}.process-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#ffffff08;border-radius:6px;border:1px solid rgba(255,255,255,.05);font-size:12px}.process-name{flex:1;color:var(--text-primary);font-weight:500}.process-pid{color:var(--text-secondary);font-size:11px}.process-usage{color:#eab308;font-weight:600;font-family:Courier New,monospace}.cpu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px}.cpu-item{display:flex;flex-direction:column;align-items:center;padding:8px;background:#ffffff08;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.cpu-label{font-size:10px;color:var(--text-secondary);margin-bottom:4px}.cpu-value{font-size:13px;color:var(--text-primary);font-weight:600;font-family:Courier New,monospace}.popup-actions{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:12px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.popup-error{flex:1;color:#ef4444;font-size:13px;padding:8px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px}.popup-btn{padding:10px 18px;border-radius:8px;border:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.popup-btn:disabled{opacity:.5;cursor:not-allowed}.popup-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.resolve-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981}.resolve-btn:not(:disabled):hover{background:linear-gradient(135deg,#059669,#047857)}.ignore-btn{background:#eab3081a;color:#eab308;border-color:#eab3084d}.ignore-btn:not(:disabled):hover{background:#eab30833;border-color:#eab308}.unignore-btn{background:#3b82f61a;color:#3b82f6;border-color:#3b82f64d}.unignore-btn:not(:disabled):hover{background:#3b82f633;border-color:#3b82f6}.dashboard-container{display:flex;flex-direction:column;gap:20px;padding:24px;min-height:100vh;color:var(--widget-text)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.dashboard-grid-wrapper{position:relative;min-height:400px}.dashboard-actions{display:flex;align-items:center;gap:12px}.dashboard-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.dashboard-btn svg,.dashboard-btn .lucide{border-radius:0!important}.edit-btn{background:#484848fa;border:1px solid rgba(216,231,232,.2);color:#d8e7e8}.edit-btn:hover{background:#484848d9;border-color:#d8e7e8}.library-btn{background:#484848fa;border:1px solid rgba(216,231,232,.2);color:#d8e7e8}.library-btn:hover{background:#484848d9;border-color:#d8e7e8}.delete-mode-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.delete-mode-btn.active{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.delete-mode-btn:hover{background:#ef444433;border-color:#ef444480}.delete-mode-btn.active:hover{background:#10b98133;border-color:#10b98180}.save-btn{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.save-btn:hover{background:#10b98133;border-color:#10b98180}.cancel-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.cancel-btn:hover{background:#ef444433;border-color:#ef444480}.add-widget-btn{background:#a855f71a;border:1px solid rgba(168,85,247,.3);color:#a855f7}.add-widget-btn:hover{background:#a855f733;border-color:#a855f780}.trash-bin{position:fixed;right:40px;bottom:40px;width:150px;height:150px;background:#ef44441a;border:3px dashed rgba(239,68,68,.5);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#ef4444;font-weight:600;font-size:14px;z-index:10000;animation:trashBinAppear .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #ef44444d;transition:all .2s ease}.trash-bin:hover,.trash-bin.drag-over{background:#ef44444d;border-color:#ef4444;border-width:4px;transform:scale(1.1);box-shadow:0 12px 48px #ef444499}.trash-bin.drag-over{animation:trashBinPulse .5s ease infinite}.trash-bin svg{border-radius:0!important;transition:transform .2s ease}.trash-bin.drag-over svg{transform:scale(1.2)}@keyframes trashBinAppear{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes trashBinPulse{0%,to{transform:scale(1.1)}50%{transform:scale(1.15)}}.widget-library-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.widget-library-sidebar{position:fixed;top:0;right:0;width:450px;height:100vh;background:var(--widget-bg);border-left:1px solid var(--widget-border);box-shadow:-8px 0 32px #0000004d;display:flex;flex-direction:column;animation:slideInFromRight .3s ease;z-index:10000}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.library-header{padding:24px;border-bottom:1px solid var(--widget-border);display:flex;align-items:center;justify-content:space-between;background:var(--widget-header-bg)}.library-title{display:flex;align-items:center;gap:12px;color:var(--widget-text)}.library-title h2{font-size:20px;font-weight:700;margin:0}.library-title svg{border-radius:0!important;color:var(--widget-accent)}.library-close-btn{background:transparent;border:none;color:var(--widget-text);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.library-close-btn:hover{background:var(--widget-hover-bg)}.library-close-btn svg{border-radius:0!important}.library-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.library-content::-webkit-scrollbar{width:8px}.library-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.library-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.library-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;text-align:center;color:var(--widget-text-secondary)}.library-empty svg{opacity:.5;border-radius:0!important}.library-empty p{font-size:18px;font-weight:600;color:var(--widget-text);margin:0}.library-empty span{font-size:14px;opacity:.7}.library-widget-card{background:var(--widget-card-bg);border:1px solid var(--widget-border);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;flex-shrink:0;min-height:fit-content}.library-widget-card:hover{border-color:var(--widget-accent);transform:translate(-4px);box-shadow:0 4px 16px #0003}.library-widget-full-preview{width:100%;height:220px;overflow:hidden;position:relative;pointer-events:none;transform:scale(.95);transform-origin:top center;flex-shrink:0}.library-widget-full-preview .widget{height:100%;pointer-events:none}.library-widget-full-preview .widget-content{font-size:11px;pointer-events:none}.library-widget-info-section{padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--widget-header-bg);border-top:1px solid var(--widget-border);flex-shrink:0}.library-widget-icon-large{width:40px;height:40px;background:var(--widget-accent-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--widget-accent);flex-shrink:0}.library-widget-icon-large svg{width:22px;height:22px;border-radius:0!important}.library-widget-info{flex:1;display:flex;align-items:flex-start;gap:12px;min-height:0}.library-widget-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.library-widget-info h3{font-size:16px;font-weight:600;color:var(--widget-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-widget-info p{font-size:13px;color:var(--widget-text-secondary);margin:0;line-height:1.4;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.library-add-btn{width:100%;padding:10px 16px;background:#484848fa;border:1px solid rgba(216,231,232,.2);color:#d8e7e8;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.library-add-btn:hover{background:#484848d9;border-color:#d8e7e8;transform:translateY(-1px)}.library-add-btn svg{border-radius:0!important}@media (max-width: 768px){.dashboard-container{padding:16px}.dashboard-header{flex-direction:column;align-items:stretch}.dashboard-actions{width:100%}.dashboard-btn{flex:1;justify-content:center}.widget-library-sidebar{width:100%}.trash-bin{right:20px;bottom:20px;width:120px;height:120px}}