:root{--primary-color: #667eea;--secondary-color: #764ba2;--success-color: #4facfe;--danger-color: #fa709a;--warning-color: #f5b83d;--dark-color: #2c3e50;--light-color: #ecf0f1;--gray-color: #95a5a6;--border-radius: 20px;--box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .35);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .12);--dark-bg: #1a1a1a;--card-bg: rgba(255, 255, 255, .05);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--text-muted: rgba(255, 255, 255, .6);--status-good: #0ca30c;--status-warning: #fab219;--status-serious: #ec835a;--status-critical: #d03b3b;--status-neutral: #8b95a5;--series-blue: #3987e5;--anim-ease: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#1a1a1a,#2c3e50,#34495e);background-attachment:fixed;color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;font-weight:700}p{margin:0 0 1rem}a{color:var(--success-color);text-decoration:none}a:hover{text-decoration:underline}code{background:#ffffff1a;padding:2px 6px;border-radius:6px;font-size:.85em;color:#a5d8ff}.page{max-width:1400px;margin:0 auto;padding:24px 20px 80px}.glassmorphism{background:var(--glass-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:var(--border-radius);border:1px solid var(--glass-border);box-shadow:var(--box-shadow)}.data-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:20px;overflow:hidden;border:1px solid var(--glass-border)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--glass-border);background:#ffffff0d}.card-header h5{margin:0;font-size:1.05rem}.card-body{padding:20px;color:var(--text-secondary)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:1.75rem 2rem;margin-bottom:1.5rem}.dashboard-title{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;font-size:2.2rem;margin:0 0 .4rem}.header-meta{color:var(--text-muted);font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--glass-border);border-radius:20px;padding:9px 18px;font-family:inherit;font-size:.875rem;font-weight:500;color:var(--text-primary);background:#ffffff0d;cursor:pointer;transition:var(--transition);text-decoration:none;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000004d;border-color:#ffffff4d;background:#ffffff1a;color:var(--text-primary);text-decoration:none}.btn:disabled,.btn.loading{pointer-events:none;opacity:.65}.btn-sm{padding:6px 13px;font-size:.8rem}.btn-xs{padding:4px 9px;font-size:.75rem;border-radius:12px}.btn-primary{background:linear-gradient(135deg,#667eead9,#764ba2d9);border-color:#667eea66}.btn-success{background:linear-gradient(135deg,#15803dcc,#16a34ab3);border-color:#22c55e66}.btn-info{background:linear-gradient(135deg,#0284c7cc,#3898e0b3);border-color:#3898e066}.btn-warning{background:linear-gradient(135deg,#b47809d9,#d9a01ebf);border-color:#f5b83d66}.btn-danger{background:linear-gradient(135deg,#b91c1cd9,#dc2626b3);border-color:#ef444466}.btn-secondary{background:#ffffff17}.btn-outline{background:transparent}.btn-icon{width:34px;height:34px;padding:0;border-radius:10px}.btn-circle{width:38px;height:38px;padding:0;border-radius:50%}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.02em}.badge-success{background:#0ca30c2e;color:#7ee787;border:1px solid rgba(12,163,12,.45)}.badge-warning{background:#fab21926;color:#fbd66e;border:1px solid rgba(250,178,25,.45)}.badge-danger{background:#d03b3b2e;color:#ff9b9b;border:1px solid rgba(208,59,59,.5)}.badge-neutral{background:#8b95a52e;color:#c3cad4;border:1px solid rgba(139,149,165,.45)}.badge-info{background:#3987e52e;color:#9ec5f4;border:1px solid rgba(57,135,229,.45)}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-bottom:28px}.stat-card{padding:22px;position:relative;overflow:hidden;transition:var(--transition);will-change:transform}.stat-card .stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.stat-icon{font-size:2.2rem;line-height:1}.stat-title{color:var(--text-muted);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:block}.stat-value{font-size:2rem;font-weight:800;margin:2px 0 0}.stat-foot{color:var(--text-muted);font-size:.78rem;margin-top:10px;display:block}.text-good{color:#7ee787}.text-warning{color:#fbd66e}.text-danger{color:#ff9b9b}.text-info{color:#9ec5f4}.text-muted{color:var(--text-muted)}.progress{height:8px;border-radius:999px;background:#ffffff1a;overflow:hidden}.progress-bar{height:100%;border-radius:999px;transition:width .8s var(--anim-ease)}.progress-bar.good{background:linear-gradient(90deg,#0ca30c,#35c04f)}.progress-bar.warn{background:linear-gradient(90deg,#c98500,#fab219)}.progress-bar.crit{background:linear-gradient(90deg,#b02a2a,#d03b3b)}.dashboard-nav{padding:1.25rem 1.5rem;margin-bottom:1.5rem}.dashboard-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 1rem;padding:0;list-style:none}.dashboard-tabs .nav-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-primary);border:1px solid var(--glass-border);border-radius:25px;padding:9px 18px;font-size:.9rem;font-weight:500;background:#ffffff08;cursor:pointer;transition:var(--transition);font-family:inherit;position:relative}.dashboard-tabs .nav-link:hover{background:#ffffff1a;transform:translateY(-2px);border-color:#fff3}.dashboard-tabs .nav-link.active{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 4px 15px #0003}.count-pill{background:var(--status-critical);color:#fff;border-radius:999px;min-width:19px;height:19px;font-size:.68rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.quick-actions-bar{border-top:1px solid var(--glass-border);padding-top:1rem}.quick-actions-bar h6{margin:0 0 .75rem;color:var(--text-secondary);font-size:.85rem}.actions-row{display:flex;flex-wrap:wrap;gap:10px}.table-responsive{overflow-x:auto}table.table{width:100%;border-collapse:collapse;color:var(--text-secondary);font-size:.875rem}table.table th{text-align:left;padding:13px 14px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--glass-border);white-space:nowrap;background:#ffffff08}table.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.table th.sortable:hover{color:var(--text-primary)}.sort-icon{margin-left:5px;opacity:.6}table.table td{padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle}table.table tbody tr{transition:background .2s ease}table.table tbody tr:hover{background:#ffffff0d}tr.row-warning{background:#fab21914}tr.row-danger{background:#d03b3b1a}.status-up{color:#7ee787;font-weight:600;white-space:nowrap}.status-down{color:#ff9b9b;font-weight:600;white-space:nowrap}.ssl-good{color:#7ee787;font-weight:600;white-space:nowrap}.ssl-warning{color:#fbd66e;font-weight:600;white-space:nowrap}.ssl-critical{color:#ff9b9b;font-weight:600;white-space:nowrap}tr.detail-row td{background:#ffffff0a;padding:18px 20px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.detail-item{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;padding:12px 14px}.detail-item-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px}.detail-item-value{font-size:.88rem;word-break:break-word}.form-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-control,.form-select{width:100%;padding:10px 14px;border-radius:12px;border:1px solid var(--glass-border);background:#ffffff12;color:var(--text-primary);font-family:inherit;font-size:.9rem;transition:var(--transition);outline:none}.form-control:focus,.form-select:focus{border-color:var(--primary-color);background:#ffffff1a;box-shadow:0 0 0 3px #667eea40}.form-control::placeholder{color:#fff6}.form-select option{background:#2c3e50;color:#fff}.form-check{display:flex;align-items:center;gap:9px;margin-bottom:8px;color:var(--text-secondary);font-size:.9rem}.form-check input[type=checkbox]{width:17px;height:17px;accent-color:var(--primary-color)}.search-container{display:flex;gap:8px;flex-wrap:wrap}.search-container .form-control{flex:1;min-width:180px;width:auto}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:500;min-width:210px;background:#1e2632f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:14px;box-shadow:0 12px 40px #00000080;padding:6px;max-height:340px;overflow-y:auto}.dropdown-item{display:flex;align-items:center;gap:9px;width:100%;padding:9px 12px;background:none;border:none;border-radius:9px;color:var(--text-secondary);font-family:inherit;font-size:.85rem;text-align:left;cursor:pointer;transition:background .15s ease}.dropdown-item:hover{background:#ffffff1a;color:var(--text-primary)}.dropdown-item.active{color:var(--text-primary);background:#667eea40}.dropdown-divider{border:none;border-top:1px solid var(--glass-border);margin:5px 8px}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;margin-bottom:24px}.chart-card{padding:20px}.chart-card h5{margin-bottom:14px;font-size:1rem}.chart-container{position:relative;height:280px}.filter-chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px;color:var(--text-muted);font-size:.82rem}.filter-chip{display:inline-flex;align-items:center;gap:7px;background:#667eea33;border:1px solid rgba(102,126,234,.4);color:var(--text-primary);border-radius:999px;padding:4px 12px;font-size:.78rem}.filter-chip button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;font-size:.78rem}.toast-stack{position:fixed;top:18px;right:18px;z-index:3000;display:flex;flex-direction:column;gap:10px;max-width:min(360px,calc(100vw - 36px))}.toast{display:flex;align-items:flex-start;gap:10px;padding:13px 16px;border-radius:14px;background:#1e2632f5;border:1px solid var(--glass-border);box-shadow:0 12px 40px #00000073;color:var(--text-primary);font-size:.87rem;animation:toast-in .35s var(--anim-ease)}.toast.leaving{animation:toast-out .3s ease-in forwards}.toast i{margin-top:2px}.toast.success i{color:#7ee787}.toast.error i{color:#ff9b9b}.toast.info i{color:#9ec5f4}@keyframes toast-in{0%{opacity:0;transform:translate(60px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-out{to{opacity:0;transform:translate(60px) scale(.95)}}.callout{display:flex;gap:10px;padding:14px 16px;border-radius:14px;font-size:.87rem;border:1px solid rgba(57,135,229,.35);background:#3987e51a;color:var(--text-secondary)}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{width:100%;max-width:420px;padding:40px 36px}.auth-logo{width:68px;height:68px;margin:0 auto 18px;border-radius:20px;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-size:1.7rem;color:#fff;box-shadow:0 10px 30px #667eea66}.auth-error{background:#d03b3b26;border:1px solid rgba(208,59,59,.45);color:#ff9b9b;border-radius:12px;padding:10px 14px;font-size:.85rem;margin-bottom:16px;display:flex;align-items:center;gap:8px}.page-loader{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;color:var(--text-secondary)}.loader-dots{display:flex;gap:10px}.loader-dots span{width:16px;height:16px;border-radius:50%;background:#ffffffd9;animation:dot-bounce 1.4s ease-in-out infinite both}.loader-dots span:nth-child(1){animation-delay:-.32s}.loader-dots span:nth-child(2){animation-delay:-.16s}@keyframes dot-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scroll-top-btn{position:fixed;bottom:62px;right:22px;z-index:1000;width:48px;height:48px;border-radius:50%;border:1px solid var(--glass-border);background:linear-gradient(135deg,#667eeae6,#764ba2e6);color:#fff;cursor:pointer;box-shadow:0 8px 24px #0006;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.scroll-top-btn.show{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-top-btn:hover{transform:translateY(-3px)}.d-flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:14px}.flex-wrap{flex-wrap:wrap}.mb-0{margin-bottom:0}.mb-2{margin-bottom:10px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}.mt-2{margin-top:10px}.mt-3{margin-top:16px}.text-center{text-align:center}.w-100{width:100%}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;align-items:end}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--bottom-nav-height: 64px}.mobile-shell{display:none}@media (max-width: 900px){.desktop-shell{display:none!important}.mobile-shell{display:block}body.has-bottom-nav .page{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 24px)}.page{padding:12px 12px 40px}}.mobile-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 6px;margin-bottom:12px}.mobile-title{font-size:1.15rem;font-weight:700;color:#fff;margin:0}.mobile-subtitle{font-size:.75rem;color:#ffffffa6}.bottom-tab-bar{position:fixed;left:0;right:0;bottom:0;z-index:1040;display:flex;justify-content:space-around;align-items:center;height:var(--bottom-nav-height);padding-bottom:env(safe-area-inset-bottom,0px);background:#141423d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.12)}.bottom-tab-bar .tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;height:100%;background:none;border:none;color:#ffffff8c;font-family:inherit;font-size:.65rem;position:relative;transition:color .2s ease,transform .2s ease;cursor:pointer}.bottom-tab-bar .tab-item i{font-size:1.15rem}.bottom-tab-bar .tab-item.active{color:#fff}.bottom-tab-bar .tab-item.active:before{content:"";position:absolute;top:2px;width:24px;height:3px;border-radius:3px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.bottom-tab-bar .tab-item .tab-badge{position:absolute;top:2px;right:calc(50% - 20px);min-width:15px;height:15px;border-radius:50%;background:var(--status-critical);color:#fff;font-size:.6rem;display:flex;align-items:center;justify-content:center;padding:0 3px}.mobile-quick-actions{display:flex;gap:10px;overflow-x:auto;padding:4px 6px 14px;scrollbar-width:none}.mobile-quick-actions::-webkit-scrollbar{display:none}.mobile-quick-actions .btn{flex:0 0 auto;white-space:nowrap}.mobile-stats-row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 6px 18px;scrollbar-width:none}.mobile-stats-row::-webkit-scrollbar{display:none}.mobile-stats-row .stat-card{flex:0 0 78%;scroll-snap-align:center}@media (min-width: 420px){.mobile-stats-row .stat-card{flex-basis:62%}}@media (max-width: 900px){table.responsive-card-table thead{display:none}table.responsive-card-table,table.responsive-card-table tbody,table.responsive-card-table tr,table.responsive-card-table td{display:block;width:100%}table.responsive-card-table tr{margin-bottom:14px;border-radius:16px;background:var(--glass-bg);border:1px solid var(--glass-border);padding:10px 14px}table.responsive-card-table tr.detail-row{background:#ffffff0f;margin-top:-10px}table.responsive-card-table tr.detail-row td{display:block;text-align:left}table.responsive-card-table td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border:none!important;text-align:right}table.responsive-card-table td[data-label]:before{content:attr(data-label);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#ffffff80;text-align:left;margin-right:auto}table.responsive-card-table td:empty{display:none}.dashboard-title{font-size:1.5rem}.chart-grid,.stats-container{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.mobile-stats-row{scroll-behavior:auto}*{scroll-behavior:auto!important}}