*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #3DD4E8;--primary-dark: #1FB6C9;--secondary-color: #4AA5FF;--secondary-dark: #2F8FE3;--accent-red: #FF6B57;--accent-red-dark: #F2553D;--accent-green: #5FB05B;--accent-green-dark: #4A9648;--accent-green-light: #75D171;--text-color: #1f2937;--text-light: #6b7280;--bg-color: #ffffff;--bg-light: #f9fafb;--border-color: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.header{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);z-index:1000;transition:all .3s ease}.header.scrolled{box-shadow:var(--shadow-lg)}.nav{padding:1rem 0}.nav .container{display:flex;justify-content:space-between;align-items:center}.logo h1{font-size:1.5rem;background:linear-gradient(135deg,var(--accent-red),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{text-decoration:none;color:var(--text-color);font-weight:500;transition:all .3s ease;padding:.5rem 1rem;border-radius:.5rem;position:relative}.nav-links a:hover{color:var(--accent-red);background:var(--bg-light)}.nav-links a.active{color:var(--accent-red);font-weight:600;background:linear-gradient(135deg,#ff6b5726,#3dd4e826);box-shadow:0 2px 12px #ff6b574d,inset 0 0 20px #ff6b571a;transform:translateY(-1px)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-red) 0%,var(--primary-color) 30%,var(--secondary-color) 60%,var(--accent-green) 100%);color:#fff;text-align:center;padding-top:80px}.hero-content{max-width:800px;animation:fadeInUp 1s ease}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.hero-subtitle{font-size:1.5rem;margin-bottom:2rem;opacity:.9}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:.75rem 2rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:all .3s ease;cursor:pointer;border:none;font-size:1rem}.btn-primary{background:#fff;color:var(--accent-red)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--accent-red);color:#fff}.btn-secondary{background:transparent;color:#fff;border:2px solid white}.btn-secondary:hover{background:#fff;color:var(--accent-red)}.about{padding:5rem 0;background:var(--bg-light)}.section-title{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:var(--text-color)}.about-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.about-card{background:#fff;padding:2rem;border-radius:.5rem;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease}.about-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.about-card h3{font-size:1.5rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--accent-red),var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-card p{color:var(--text-light)}.contact{padding:5rem 0;background:#fff;text-align:center}.contact-content{max-width:600px;margin:0 auto}.contact-content p{font-size:1.125rem;color:var(--text-light);margin-bottom:1rem}.footer{background:linear-gradient(135deg,var(--accent-red-dark),var(--primary-dark),var(--secondary-dark));color:#fff;padding:2rem 0;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .6s ease forwards}section{opacity:0}section.fade-in{opacity:1}.sub-page section{opacity:1}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.nav-links{gap:1rem}.container{padding:0 1rem}.about-content{grid-template-columns:1fr}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-red) 0%,var(--primary-color) 30%,var(--secondary-color) 60%,var(--accent-green) 100%);padding:2rem}.login-card{background:#fff;border-radius:1rem;box-shadow:var(--shadow-lg);padding:3rem;width:100%;max-width:450px;animation:fadeInUp .6s ease}.login-header{text-align:center;margin-bottom:2rem}.login-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-red),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.login-subtitle{color:var(--text-light);font-size:1rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:600;color:var(--text-color);font-size:.9rem}.form-input{padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:.5rem;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3dd4e81a}.form-input::placeholder{color:var(--text-light)}.error-message{background:#fee;color:var(--accent-red-dark);padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--accent-red);font-size:.9rem}.btn-login{width:100%;margin-top:.5rem;padding:.875rem 2rem;font-size:1rem}.btn-login:disabled{opacity:.6;cursor:not-allowed}.nav-login{background:linear-gradient(135deg,var(--accent-red),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.nav-login:hover{background:var(--accent-red);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.login-card{padding:2rem 1.5rem}.login-title{font-size:2rem}}.nav-user{display:flex;align-items:center;gap:1rem}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.user-name{font-weight:600;color:var(--text-color);font-size:.9rem}.user-role{font-size:.75rem;color:var(--text-light);text-transform:capitalize}.btn-logout{padding:.5rem 1rem;background:var(--accent-red);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.btn-logout:hover{background:var(--accent-red-dark);transform:translateY(-1px)}.dashboard{min-height:calc(100vh - 200px);padding:5rem 0;background:var(--bg-light)}.dashboard-content{max-width:1000px;margin:0 auto}.dashboard-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--accent-red),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-subtitle{font-size:1.25rem;color:var(--text-light);margin-bottom:3rem}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.dashboard-card{background:#fff;padding:2rem;border-radius:.5rem;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease}.dashboard-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.dashboard-card h3{font-size:1.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--accent-red),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-details p{margin-bottom:1rem;color:var(--text-color);line-height:1.8}.user-details strong{color:var(--text-color);font-weight:600}.role-badge{display:inline-block;padding:.25rem .75rem;border-radius:.25rem;font-size:.875rem;font-weight:600;text-transform:uppercase}.role-badge.role-admin{background:linear-gradient(135deg,var(--accent-red),var(--accent-red-dark));color:#fff}.role-badge.role-user{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff}.session-info{margin-top:1rem;padding:.75rem;background:var(--accent-green-light);color:var(--accent-green-dark);border-radius:.5rem;font-weight:600;text-align:center}.admin-actions{display:flex;flex-direction:column;gap:1rem}.admin-actions .btn{width:100%}.admin-content{margin-top:2rem;padding:2rem;background:#fff;border-radius:.5rem;box-shadow:var(--shadow)}.admin-table{width:100%;border-collapse:collapse;margin-top:1rem}.admin-table th,.admin-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.admin-table th{background:var(--bg-light);font-weight:600;color:var(--text-color)}.admin-table tr:hover{background:var(--bg-light)}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:.25rem;font-size:.875rem;font-weight:600;text-transform:uppercase}.status-badge.success{background:var(--accent-green-light);color:var(--accent-green-dark)}.status-badge.failed{background:#fee;color:var(--accent-red-dark)}@media (max-width: 768px){.nav-user{flex-direction:column;align-items:flex-start;gap:.5rem}.user-info{align-items:flex-start}.dashboard-title{font-size:2rem}.dashboard-cards{grid-template-columns:1fr}.admin-table{font-size:.875rem}.admin-table th,.admin-table td{padding:.5rem}}.sub-nav{background:#fff;border-bottom:2px solid var(--border-color);padding:0;margin-top:80px;position:sticky;top:80px;z-index:999;box-shadow:0 2px 4px #0000000d}.sub-nav-links{display:flex;list-style:none;gap:0;justify-content:center;margin:0;padding:0}.sub-nav-links li{margin:0}.sub-nav-link{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;text-decoration:none;color:var(--text-color);font-weight:500;transition:all .3s ease;border-bottom:3px solid transparent;position:relative}.sub-nav-link:hover{color:var(--accent-red);background:var(--bg-light)}.sub-nav-link.active{color:var(--accent-red);border-bottom-color:var(--accent-red);font-weight:600;background:linear-gradient(135deg,#ff6b5726,#3dd4e826);box-shadow:0 2px 12px #ff6b574d,inset 0 0 20px #ff6b571a;transform:translateY(-1px)}.sub-nav-icon{font-size:1.2rem}.sub-nav-label{font-size:1rem}.sub-page{min-height:calc(100vh - 200px);padding:3rem 0;background:var(--bg-light)}.page-content{max-width:1200px;margin:0 auto;text-align:center}.page-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--accent-red),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:1.25rem;color:var(--text-light);margin-bottom:3rem}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem;max-width:1000px;margin-left:auto;margin-right:auto}.option-card{background:#fff;padding:2.5rem 2rem;border-radius:1rem;box-shadow:var(--shadow);transition:all .3s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.option-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.option-icon{font-size:3rem;margin-bottom:.5rem}.option-card h3{font-size:1.5rem;margin:0;color:var(--text-color);font-weight:600}.option-card p{color:var(--text-light);margin:0;line-height:1.6;flex-grow:1}.option-btn{margin-top:1rem;width:100%;max-width:200px}@media (max-width: 768px){.sub-nav{margin-top:80px;top:80px}.sub-nav-links{flex-wrap:wrap;justify-content:center}.sub-nav-link{padding:.75rem 1rem;font-size:.9rem}.sub-nav-icon{font-size:1rem}.page-title{font-size:2rem}.page-subtitle{font-size:1.125rem}.options-grid{grid-template-columns:1fr;gap:1.5rem}.option-card{padding:2rem 1.5rem}.option-icon{font-size:2.5rem}}.server-section{margin-bottom:3rem}.server-section .section-title{font-size:1.75rem;margin-bottom:1.5rem;color:var(--text-color);border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.info-loading{padding:2rem;text-align:center;color:var(--text-light)}.info-card{background:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:var(--shadow);margin-bottom:1rem}.info-card h3{font-size:1.25rem;margin-bottom:1rem;color:var(--text-color)}.info-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.info-item:last-child{border-bottom:none}.info-label{font-weight:600;color:var(--text-light)}.info-value{color:var(--text-color)}.host-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.progress-container{margin:1rem 0}.progress-bar{width:100%;height:1.5rem;background:var(--bg-light);border-radius:.5rem;overflow:hidden;position:relative;margin-bottom:.5rem}.progress-fill{height:100%;border-radius:.5rem;transition:width .3s ease}.progress-value{font-size:.875rem;color:var(--text-color);font-weight:600}.disk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.table-container{overflow-x:auto;background:#fff;border-radius:.5rem;box-shadow:var(--shadow);padding:1rem}.server-table{width:100%;border-collapse:collapse}.server-table th{background:var(--bg-light);padding:1rem;text-align:left;font-weight:600;color:var(--text-color);border-bottom:2px solid var(--border-color)}.server-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.server-table tr:hover{background:var(--bg-light)}.server-table tr.status-running{border-left:3px solid var(--accent-green)}.server-table tr.status-stopped{border-left:3px solid var(--accent-red)}.state-badge{display:inline-block;padding:.25rem .75rem;border-radius:.25rem;font-size:.875rem;font-weight:600;text-transform:capitalize}.state-badge.state-running{background:var(--accent-green-light);color:var(--accent-green-dark)}.state-badge.state-stopped,.state-badge.state-exited{background:#fee;color:var(--accent-red-dark)}.health-badge{display:inline-block;padding:.25rem .75rem;border-radius:.25rem;font-size:.875rem;font-weight:600;text-transform:capitalize}.health-badge.health-healthy{background:var(--accent-green-light);color:var(--accent-green-dark)}.health-badge.health-unhealthy{background:#fee;color:var(--accent-red-dark)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{background:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:var(--shadow)}.stat-card h3{font-size:1.125rem;margin-bottom:1rem;color:var(--text-color)}.stat-item{margin-bottom:1rem}.stat-label{display:block;font-weight:600;color:var(--text-light);margin-bottom:.5rem;font-size:.875rem}.events-list{background:#fff;border-radius:.5rem;box-shadow:var(--shadow);padding:1rem;max-height:400px;overflow-y:auto}.event-item{display:flex;gap:1rem;padding:.75rem;border-bottom:1px solid var(--border-color);align-items:center}.event-item:last-child{border-bottom:none}.event-time{font-size:.875rem;color:var(--text-light);min-width:150px}.event-action{padding:.25rem .75rem;border-radius:.25rem;font-size:.875rem;font-weight:600;text-transform:uppercase;min-width:80px;text-align:center}.event-action.event-start{background:var(--accent-green-light);color:var(--accent-green-dark)}.event-action.event-stop,.event-action.event-die{background:#fee;color:var(--accent-red-dark)}.event-action.event-restart{background:var(--primary-color);color:#fff;opacity:.8}.event-action.event-oom{background:var(--accent-red);color:#fff}.event-actor{color:var(--text-color);font-family:monospace;font-size:.875rem}.nginx-traffic{background:#fff;border-radius:.5rem;box-shadow:var(--shadow);padding:1.5rem}.info-banner{background:#fff3cd;border:1px solid #ffc107;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.info-banner code{background:#0000001a;padding:.25rem .5rem;border-radius:.25rem;font-family:monospace;font-size:.875rem}.latency-value{font-size:2rem;font-weight:700;color:var(--primary-color);text-align:center;margin:1rem 0}.traffic-chart-container{margin:2rem 0}.traffic-chart-container h3{font-size:1.25rem;margin-bottom:1rem;color:var(--text-color)}.traffic-chart{display:flex;align-items:flex-end;gap:2px;height:200px;background:var(--bg-light);padding:1rem;border-radius:.5rem;overflow-x:auto}.chart-bar{flex:1;min-width:4px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;border-radius:2px 2px 0 0}.bar-fill{width:100%;transition:height .3s ease}.bar-2xx{background:var(--accent-green)}.bar-3xx{background:var(--primary-color)}.bar-4xx{background:#ffc107}.bar-5xx{background:var(--accent-red)}.traffic-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.top-list{list-style:none;padding:0;margin:0}.top-list li{display:flex;justify-content:space-between;padding:.75rem;border-bottom:1px solid var(--border-color)}.top-list li:last-child{border-bottom:none}.top-list .path,.top-list .ip{font-family:monospace;font-size:.875rem;color:var(--text-color);word-break:break-all}.top-list .count{font-weight:600;color:var(--accent-red)}.error-message{color:var(--accent-red-dark);background:#fee;padding:1rem;border-radius:.5rem;border:1px solid var(--accent-red)}@media (max-width: 768px){.host-info-grid,.disk-grid,.stats-grid,.traffic-stats-grid{grid-template-columns:1fr}.server-table{font-size:.875rem}.server-table th,.server-table td{padding:.5rem}.traffic-chart{height:150px}}.server-page{min-height:100vh;background:var(--bg-light);padding-top:80px}.server-page section{opacity:1!important;visibility:visible!important}.server-page .sub-page{min-height:calc(100vh - 200px);padding:3rem 0;background:var(--bg-light)}.server-page .page-content{max-width:1200px;margin:0 auto;text-align:center;opacity:1!important;visibility:visible!important}.server-page .page-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--accent-red),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:var(--text-color);opacity:1!important}.server-page .page-subtitle{font-size:1.25rem;color:var(--text-light);margin-bottom:3rem;opacity:1!important}.server-page .server-section{margin-bottom:3rem;opacity:1!important;visibility:visible!important}.server-page .server-section .section-title{font-size:1.75rem;margin-bottom:1.5rem;color:var(--text-color);border-bottom:2px solid var(--border-color);padding-bottom:.5rem;opacity:1!important}.server-page .info-loading{padding:2rem;text-align:center;color:var(--text-light);opacity:1!important;visibility:visible!important}.server-page .host-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;opacity:1!important}.server-page .info-card{background:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:var(--shadow);margin-bottom:1rem;opacity:1!important;visibility:visible!important}.server-page .info-card h3{font-size:1.25rem;margin-bottom:1rem;color:var(--text-color);opacity:1!important}.server-page .info-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-color);opacity:1!important}.server-page .info-item:last-child{border-bottom:none}.server-page .info-label{font-weight:600;color:var(--text-light);opacity:1!important}.server-page .info-value{color:var(--text-color);opacity:1!important}.server-page .progress-container{margin:1rem 0;opacity:1!important}.server-page .progress-bar{width:100%;height:1.5rem;background:var(--bg-light);border-radius:.5rem;overflow:hidden;position:relative;margin-bottom:.5rem;opacity:1!important}.server-page .progress-fill{height:100%;border-radius:.5rem;transition:width .3s ease;opacity:1!important}.server-page .progress-value{font-size:.875rem;color:var(--text-color);font-weight:600;opacity:1!important}.server-page .disk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;opacity:1!important}.server-page .table-container{overflow-x:auto;background:#fff;border-radius:.5rem;box-shadow:var(--shadow);padding:1rem;opacity:1!important}.server-page .server-table{width:100%;border-collapse:collapse;opacity:1!important}.server-page .server-table th{background:var(--bg-light);padding:1rem;text-align:left;font-weight:600;color:var(--text-color);border-bottom:2px solid var(--border-color);opacity:1!important}.server-page .server-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-color);opacity:1!important}.server-page .server-table tr:hover{background:var(--bg-light)}.server-page .server-table tr.status-running{border-left:3px solid var(--accent-green)}.server-page .server-table tr.status-stopped{border-left:3px solid var(--accent-red)}.server-page .state-badge{display:inline-block;padding:.25rem .75rem;border-radius:.25rem;font-size:.875rem;font-weight:600;text-transform:capitalize;opacity:1!important}.server-page .state-badge.state-running{background:var(--accent-green-light);color:var(--accent-green-dark)}.server-page .state-badge.state-stopped,.server-page .state-badge.state-exited{background:#fee;color:var(--accent-red-dark)}.server-page .health-badge{display:inline-block;padding:.25rem .75rem;border-radius:.25rem;font-size:.875rem;font-weight:600;text-transform:capitalize;opacity:1!important}.server-page .health-badge.health-healthy{background:var(--accent-green-light);color:var(--accent-green-dark)}.server-page .health-badge.health-unhealthy{background:#fee;color:var(--accent-red-dark)}.server-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;opacity:1!important}.server-page .stat-card{background:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:var(--shadow);opacity:1!important}.server-page .stat-card h3{font-size:1.125rem;margin-bottom:1rem;color:var(--text-color);opacity:1!important}.server-page .stat-item{margin-bottom:1rem;opacity:1!important}.server-page .stat-label{display:block;font-weight:600;color:var(--text-light);margin-bottom:.5rem;font-size:.875rem;opacity:1!important}.server-page .events-list{background:#fff;border-radius:.5rem;box-shadow:var(--shadow);padding:1rem;max-height:400px;overflow-y:auto;opacity:1!important}.server-page .event-item{display:flex;gap:1rem;padding:.75rem;border-bottom:1px solid var(--border-color);align-items:center;opacity:1!important}.server-page .event-item:last-child{border-bottom:none}.server-page .event-time{font-size:.875rem;color:var(--text-light);min-width:150px;opacity:1!important}.server-page .event-action{padding:.25rem .75rem;border-radius:.25rem;font-size:.875rem;font-weight:600;text-transform:uppercase;min-width:80px;text-align:center;opacity:1!important}.server-page .event-action.event-start{background:var(--accent-green-light);color:var(--accent-green-dark)}.server-page .event-action.event-stop,.server-page .event-action.event-die{background:#fee;color:var(--accent-red-dark)}.server-page .event-action.event-restart{background:var(--primary-color);color:#fff;opacity:.8}.server-page .event-action.event-oom{background:var(--accent-red);color:#fff}.server-page .event-actor{color:var(--text-color);font-family:monospace;font-size:.875rem;opacity:1!important}.server-page .nginx-traffic{background:#fff;border-radius:.5rem;box-shadow:var(--shadow);padding:1.5rem;opacity:1!important}.server-page .info-banner{background:#fff3cd;border:1px solid #ffc107;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;opacity:1!important}.server-page .info-banner code{background:#0000001a;padding:.25rem .5rem;border-radius:.25rem;font-family:monospace;font-size:.875rem;opacity:1!important}.server-page .latency-value{font-size:2rem;font-weight:700;color:var(--primary-color);text-align:center;margin:1rem 0;opacity:1!important}.server-page .traffic-chart-container{margin:2rem 0;opacity:1!important}.server-page .traffic-chart-container h3{font-size:1.25rem;margin-bottom:1rem;color:var(--text-color);opacity:1!important}.server-page .traffic-chart{display:flex;align-items:flex-end;gap:2px;height:200px;background:var(--bg-light);padding:1rem;border-radius:.5rem;overflow-x:auto;opacity:1!important}.server-page .chart-bar{flex:1;min-width:4px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;border-radius:2px 2px 0 0;opacity:1!important}.server-page .bar-fill{width:100%;transition:height .3s ease;opacity:1!important}.server-page .bar-2xx{background:var(--accent-green)}.server-page .bar-3xx{background:var(--primary-color)}.server-page .bar-4xx{background:#ffc107}.server-page .bar-5xx{background:var(--accent-red)}.server-page .traffic-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;opacity:1!important}.server-page .top-list{list-style:none;padding:0;margin:0;opacity:1!important}.server-page .top-list li{display:flex;justify-content:space-between;padding:.75rem;border-bottom:1px solid var(--border-color);opacity:1!important}.server-page .top-list li:last-child{border-bottom:none}.server-page .top-list .path,.server-page .top-list .ip{font-family:monospace;font-size:.875rem;color:var(--text-color);word-break:break-all;opacity:1!important}.server-page .top-list .count{font-weight:600;color:var(--accent-red);opacity:1!important}.server-page .error-message{color:var(--accent-red-dark);background:#fee;padding:1rem;border-radius:.5rem;border:1px solid var(--accent-red);opacity:1!important}@media (max-width: 768px){.server-page .host-info-grid,.server-page .disk-grid,.server-page .stats-grid,.server-page .traffic-stats-grid{grid-template-columns:1fr}.server-page .server-table{font-size:.875rem}.server-page .server-table th,.server-page .server-table td{padding:.5rem}.server-page .traffic-chart{height:150px}}