body{background:#0f172a;margin:0;font-family:Arial,sans-serif}.login-container{text-align:center;background:#fff;border-radius:15px;width:350px;margin:120px auto;padding:40px}input{width:90%;margin:10px;padding:12px}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:95%;padding:12px}.layout{direction:rtl;background:#f1f5f9;min-height:100vh;font-family:Segoe UI,Tahoma,sans-serif;display:flex}.sidebar{color:#cbd5e1;background:#0f172a;flex-direction:column;flex-shrink:0;width:250px;display:flex}.sidebar-logo{color:#fff;border-bottom:1px solid #1e293b;padding:20px;font-size:18px;font-weight:700}.menu{flex:1;padding:10px 0;overflow-y:auto}.menu-item{color:#cbd5e1;align-items:center;gap:12px;padding:12px 20px;font-size:15px;text-decoration:none;transition:background .2s;display:flex}.menu-item:hover{color:#fff;background:#1e293b}.menu-item.active{color:#fff;background:#1d4ed8}.logout-btn{color:#f87171;cursor:pointer;text-align:right;background:0 0;border:none;border-top:1px solid #1e293b;align-items:center;gap:12px;width:100%;padding:15px 20px;font-family:inherit;font-size:15px;display:flex}.logout-btn:hover{background:#1e293b}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:#fff;justify-content:space-between;align-items:center;height:60px;padding:0 25px;display:flex;box-shadow:0 1px 3px #00000014}.search-box{border:1px solid #e2e8f0;border-radius:8px;width:300px;padding:8px 15px;font-family:inherit}.topbar-user{align-items:center;gap:15px;display:flex}.role-badge{color:#fff;background:#1d4ed8;border-radius:20px;padding:3px 12px;font-size:12px}.content{flex:1;padding:25px}.page-title{color:#0f172a;margin:0 0 20px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:25px;display:grid}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #00000014}.stat-card .icon{font-size:26px}.stat-card .label{color:#64748b;margin:8px 0 4px;font-size:14px}.stat-card .value{color:#0f172a;font-size:30px;font-weight:700}.panel{background:#fff;border-radius:12px;margin-bottom:25px;padding:20px;box-shadow:0 1px 3px #00000014}.panel h3{color:#0f172a;margin:0 0 15px}.two-columns{grid-template-columns:1fr 1fr;gap:25px;display:grid}.severity-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.severity-label{color:#334155;width:80px;font-size:14px}.severity-track{background:#f1f5f9;border-radius:6px;flex:1;height:22px;overflow:hidden}.severity-fill{color:#fff;border-radius:6px;align-items:center;height:100%;padding:0 8px;font-size:12px;display:flex}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:right;color:#64748b;border-bottom:2px solid #e2e8f0;padding:10px;font-size:13px}.data-table td{color:#0f172a;border-bottom:1px solid #f1f5f9;padding:12px 10px;font-size:14px}.status-badge{border-radius:20px;padding:3px 12px;font-size:12px}.status-done{color:#16a34a;background:#dcfce7}.status-running{color:#ca8a04;background:#fef9c3}.alert-item{color:#334155;border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:10px 0;font-size:14px;display:flex}.dash-hero{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:16px;margin-bottom:25px;padding:28px}.dash-hero h1{margin:0 0 6px;font-size:24px}.dash-hero p{color:#94a3b8;margin:0}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-bottom:25px;display:grid}.kpi{background:#fff;border-radius:14px;padding:22px;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000014}.kpi:before{content:"";width:5px;height:100%;position:absolute;top:0;right:0}.kpi.blue:before{background:#1d4ed8}.kpi.green:before{background:#16a34a}.kpi.orange:before{background:#ea580c}.kpi.red:before{background:#dc2626}.kpi .kpi-icon{font-size:24px}.kpi .kpi-label{color:#64748b;margin:10px 0 4px;font-size:14px}.kpi .kpi-value{color:#0f172a;font-size:32px;font-weight:700}.score-ring{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto;display:flex}.score-ring .score-num{font-size:30px;font-weight:700}.empty-hint{color:#94a3b8;text-align:center;padding:20px}@keyframes blink{50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blipPulse{0%,to{opacity:.35}50%{opacity:1}}.soc{direction:rtl;background:#0a0e14;min-height:calc(100vh - 60px);margin:-25px;padding:25px}.soc-hero{background:linear-gradient(135deg,#0f1b2d 0%,#0a0e14 60%);border:1px solid #1c2733;border-radius:16px;margin-bottom:22px;padding:26px;position:relative;overflow:hidden}.soc-hero:after{content:"";opacity:.5;background-image:linear-gradient(#12202e 1px,#0000 1px),linear-gradient(90deg,#12202e 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(400px 200px at 90% 20%,#000,#0000 70%);mask-image:radial-gradient(400px 200px at 90% 20%,#000,#0000 70%)}.soc-hero h1{color:#e6edf3;margin:0 0 6px;font-size:24px;position:relative}.soc-hero p{color:#64748b;margin:0;position:relative}.soc-hero .live{color:#34d399;border:1px solid #1c2733;border-radius:20px;padding:4px 12px;font-family:monospace;font-size:12px;position:absolute;top:22px;left:26px}.soc-kpis{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}@media (width<=780px){.soc-kpis{grid-template-columns:repeat(2,1fr)}}.soc-kpi{background:#111823;border:1px solid #1c2733;border-radius:14px;padding:18px;position:relative;overflow:hidden}.soc-kpi:before{content:"";width:4px;position:absolute;inset-block:0;inset-inline-end:0}.soc-kpi.k1:before{background:#22d3ee}.soc-kpi.k2:before{background:#34d399}.soc-kpi.k3:before{background:#fb923c}.soc-kpi.k4:before{background:#f43f5e}.soc-kpi .ic{font-size:22px}.soc-kpi .lb{color:#64748b;margin:10px 0 3px;font-size:13px}.soc-kpi .vl{color:#e6edf3;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800}.soc-kpi .sub{margin-top:4px;font-family:monospace;font-size:11px}.soc-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px;display:grid}@media (width<=780px){.soc-grid{grid-template-columns:1fr}}.soc-card{background:#111823;border:1px solid #1c2733;border-radius:14px;padding:18px}.soc-card h3{color:#e6edf3;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;display:flex}.soc-card h3 .tag{color:#475569;margin-inline-start:auto;font-family:monospace;font-size:10.5px;font-weight:400}.legend{flex-direction:column;gap:10px;display:flex}.legend-item{color:#cbd5e1;align-items:center;gap:9px;font-size:13px;display:flex}.legend-item .sw{border-radius:3px;width:11px;height:11px}.legend-item .ct{color:#94a3b8;margin-inline-start:auto;font-family:monospace}.soc-empty{color:#475569;text-align:center;padding:30px;font-size:13.5px}.soc-table{border-collapse:collapse;width:100%}.soc-table th{text-align:right;color:#64748b;border-bottom:1px solid #1c2733;padding:9px;font-size:12px}.soc-table td{color:#cbd5e1;border-bottom:1px solid #141d29;padding:11px 9px;font-size:13.5px}.soc-pill{border-radius:20px;padding:3px 11px;font-family:monospace;font-size:11.5px}.soc-link{color:#22d3ee;margin-top:12px;font-size:13px;text-decoration:none;display:inline-block}.soc-link:hover{text-decoration:underline}.bar-chart{align-items:flex-end;gap:10px;height:130px;padding-top:10px;display:flex}.bar-col{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.bar-fill{background:linear-gradient(#22d3ee,#0e7490);border-radius:6px 6px 0 0;width:100%;max-width:42px;min-height:3px;transition:height .6s}.bar-lb{color:#64748b;font-family:monospace;font-size:10.5px}.bar-val{color:#cbd5e1;font-family:monospace;font-size:12px}.soc-row{gap:16px;margin-bottom:16px;display:grid}.soc-row.r-4{grid-template-columns:1.4fr 1fr 1fr}.soc-row.r-3{grid-template-columns:1fr 1fr 1fr}@media (width<=900px){.soc-row.r-4,.soc-row.r-3{grid-template-columns:1fr}}.line-legend{gap:14px;margin-bottom:8px;font-family:monospace;font-size:11px;display:flex}.line-legend span{color:#94a3b8;align-items:center;gap:5px;display:flex}.line-legend i{border-radius:2px;width:10px;height:3px;display:inline-block}.feed{text-align:left;direction:ltr;background:#05080d;border:1px solid #1c2733;border-radius:10px;height:190px;padding:12px;font-family:monospace;font-size:11.5px;line-height:1.9;overflow:hidden}.feed .fl{animation:.4s feedIn}.feed .t{color:#475569}.feed .alert{color:#f43f5e}.feed .warn{color:#fbbf24}.feed .info{color:#38bdf8}.feed .ok{color:#34d399}@keyframes feedIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1}}.svc{color:#cbd5e1;border-bottom:1px solid #141d29;align-items:center;gap:10px;padding:9px 0;font-size:13px;display:flex}.svc:last-child{border:0}.svc .st{color:#34d399;align-items:center;gap:6px;margin-inline-start:auto;font-family:monospace;font-size:11px;display:flex}.svc .st .d{background:#34d399;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #34d399}.res{margin-bottom:13px}.res-lb{color:#94a3b8;justify-content:space-between;margin-bottom:5px;font-family:monospace;font-size:11.5px;display:flex}.res-track{background:#141d29;border-radius:5px;height:7px;overflow:hidden}.res-fill{border-radius:5px;height:100%;transition:width 1s}.alert-row{border-bottom:1px solid #141d29;align-items:center;gap:9px;padding:9px 0;font-size:12.5px;display:flex}.alert-row:last-child{border:0}.alert-row .ico{font-size:13px}.alert-row .txt{color:#cbd5e1}.alert-row .ago{color:#475569;white-space:nowrap;margin-inline-start:auto;font-family:monospace;font-size:10.5px}