*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--publy-blue: #4F8EF7;--publy-blue-dim: rgba(79, 142, 247, .12);--publy-ink: #0F0F0F;--publy-sand: #F2F0EB;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "DM Mono", "Courier New", monospace;--ease-out: cubic-bezier(.16, 1, .3, 1)}body{background-color:#0f0f0f;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:60px 60px;background-attachment:fixed;color:#fff;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes glow-pulse{0%,to{opacity:1;box-shadow:0 0 0 0 currentColor}50%{opacity:.85;box-shadow:0 0 0 4px transparent}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes publyPulse1{0%,to{opacity:1}50%{opacity:.3}}@keyframes publyPulse2{0%,to{opacity:.45}50%{opacity:.15}}@keyframes publyPulse3{0%,to{opacity:.7}50%{opacity:.2}}.slide-up{animation:slideUp .4s var(--ease-out) both}.slide-up-1{animation:slideUp .4s var(--ease-out) .05s both}.slide-up-2{animation:slideUp .4s var(--ease-out) .1s both}.slide-up-3{animation:slideUp .4s var(--ease-out) .15s both}.slide-up-4{animation:slideUp .4s var(--ease-out) .2s both}.slide-up-5{animation:slideUp .4s var(--ease-out) .25s both}.slide-up-6{animation:slideUp .4s var(--ease-out) .3s both}.fade-in{animation:fadeIn .25s ease both}.card-hover{transition:transform .2s var(--ease-out),box-shadow .2s}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0009}.metric-card{position:relative;overflow:hidden;transition:transform .2s var(--ease-out),box-shadow .2s}.metric-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 60%);pointer-events:none}.metric-card:hover{transform:translateY(-2px)}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;color:#666;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;border:none;background:none;width:100%;cursor:pointer;letter-spacing:.01em}.sidebar-link:hover{background:#ffffff0d;color:#fff}.sidebar-link.active{background:#4f8ef71f;color:#4f8ef7;font-weight:600;box-shadow:inset 0 0 0 1px #4f8ef733}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.03em;white-space:nowrap}table{border-collapse:collapse;width:100%}th{font-size:11px;font-weight:600;color:#444;text-transform:uppercase;letter-spacing:.08em;text-align:left;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.07);background:#ffffff03}td{padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.07);font-size:13px;color:#fff}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff08}.dot-online{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e33;animation:glow-pulse 2s ease-in-out infinite}.dot-offline{width:9px;height:9px;border-radius:50%;background:#ef4444}.dot-unknown{width:9px;height:9px;border-radius:50%;background:#444}