@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-tracking:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-auto{margin-top:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-\[250px\]{max-width:250px}.min-w-\[150px\]{min-width:150px}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.\!bg-transparent{background-color:#0000!important}.bg-\[\#0a0a0a\]{background-color:#0a0a0a}.bg-\[\#050505\]\/80{background-color:#050505cc}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.text-right{text-align:right}.text-\[10px\]{font-size:10px}.text-\[15px\]{font-size:15px}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-75{--tw-duration:75ms;transition-duration:75ms}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:opacity-100:is(:where(.group):hover *),.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_15px_rgba\(34\,197\,94\,0\.4\)\]:hover{--tw-shadow:0 0 15px var(--tw-shadow-color,#22c55e66);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-\[0\.98\]:active{scale:.98}:root{--bg-primary:#050505;--bg-card:#0a0a0a;--bg-elevated:#111;--border-subtle:#1a1a1a;--border-hover:#2a2a2a;--text-primary:#f5f5f5;--text-secondary:#a3a3a3;--text-muted:#525252;--accent-green:#22c55e;--accent-yellow:#eab308;--accent-red:#ef4444;--accent-blue:#3b82f6;--accent-purple:#a855f7}body{background:var(--bg-primary);color:var(--text-secondary);background-image:radial-gradient(80% 50% at 50% -20%,#22c55e0f,#0000),radial-gradient(60% 40% at 100% 100%,#3b82f608,#0000);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6}input,select,textarea{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:8px;outline:none;padding:10px 14px;font-size:13px;transition:all .2s}input:hover,select:hover,textarea:hover{border-color:var(--border-hover)}input:focus,select:focus,textarea:focus{border-color:var(--accent-green);box-shadow:0 0 0 3px #22c55e1a,0 0 20px #22c55e0d}input::-moz-placeholder{color:var(--text-muted)}input::placeholder{color:var(--text-muted)}input[type=datetime-local]{color-scheme:dark}input[type=datetime-local]::-webkit-calendar-picker-indicator{background:var(--accent-green);cursor:pointer;border-radius:4px;padding:4px;-webkit-transition:transform .15s;transition:transform .15s}input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{transform:scale(1.1)}button{cursor:pointer;transition:all .2s}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:20px;transition:all .2s}.card:hover{border-color:var(--border-hover)}.card-hero{background:linear-gradient(135deg,var(--bg-card),var(--bg-elevated));border:1px solid var(--border-subtle);border-radius:16px;padding:28px;position:relative;overflow:hidden}.card-hero:before{content:"";background:linear-gradient(90deg,#0000,#22c55e80,#0000);height:1px;position:absolute;top:0;left:0;right:0}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;position:relative}.dot:after{content:"";background:inherit;opacity:.25;border-radius:50%;animation:2s ease-in-out infinite dot-glow;position:absolute;inset:-4px}@keyframes dot-glow{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.1;transform:scale(1.4)}}.dot-pulse{animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}a{color:inherit;text-decoration:none;transition:color .15s}.divider{background:linear-gradient(90deg,transparent,var(--border-subtle),transparent);height:1px}.tag{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border:1px solid var(--border-subtle);background:#ffffff0d;border-radius:6px;align-items:center;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.tag-info{color:#60a5fa;background:#3b82f61a;border-color:#3b82f633}.tag-warning{color:#fbbf24;background:#eab3081a;border-color:#eab30833}.tag-alert{color:#f87171;background:#ef44441a;border-color:#ef444433}.btn{border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:12px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--accent-green),#16a34a);color:#fff;box-shadow:0 2px 10px #22c55e4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #22c55e66}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--border-hover)}.section-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);align-items:center;gap:12px;margin-bottom:16px;font-size:11px;font-weight:700;display:flex}.section-title:after{content:"";background:linear-gradient(90deg,var(--border-subtle),transparent);flex:1;height:1px}.monitor-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.monitor-item:hover{border-color:var(--border-hover);background:var(--bg-elevated);transform:translate(4px)}.uptime{font-variant-numeric:tabular-nums;font-weight:700}.uptime-high{color:var(--accent-green)}.uptime-medium{color:var(--accent-yellow)}.uptime-low{color:var(--accent-red)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
