body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--gold:#c9a84c;--gold-light:#e8c96a;--black:#0b0b0b;--dark:#0f0f0f;--card:#131313;--border:#c9a84c26;--text:#f5f0e8;--muted:#f5f0e880;--green:#22c55e;--red:#ef4444;--blue:#3b82f6}*{box-sizing:border-box;margin:0;padding:0}body{background:#0b0b0b;background:var(--black);color:#f5f0e8;color:var(--text);font-family:Inter,-apple-system,sans-serif;font-size:14px}.app{display:flex;min-height:100vh}.sidebar{background:#0f0f0f;background:var(--dark);border-right:1px solid #c9a84c26;border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:240px}.sidebar-logo{align-items:center;border-bottom:1px solid #c9a84c26;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:24px 20px}.sidebar-logo img{height:32px}.sidebar-logo span{color:#c9a84c;color:var(--gold);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px 12px}.sidebar-nav a{align-items:center;border-radius:6px;color:#f5f0e880;color:var(--muted);display:flex;font-size:.875rem;gap:10px;padding:10px 12px;text-decoration:none;transition:all .2s}.sidebar-nav a:hover{background:#ffffff0d;color:#f5f0e8;color:var(--text)}.sidebar-nav a.active{background:#c9a84c1a;color:#c9a84c;color:var(--gold)}.sidebar-footer{border-top:1px solid #c9a84c26;border-top:1px solid var(--border);padding:16px 20px}.sidebar-footer a{color:#f5f0e880;color:var(--muted);font-size:.8rem;text-decoration:none}.sidebar-footer a:hover{color:#c9a84c;color:var(--gold)}.main{flex:1 1;margin-left:240px;padding:32px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-title{color:#f5f0e8;color:var(--text);font-size:1.5rem;font-weight:700}.page-subtitle{color:#f5f0e880;color:var(--muted);font-size:.875rem;margin-top:4px}.card{background:#131313;background:var(--card);border:1px solid #c9a84c26;border:1px solid var(--border);border-radius:8px;margin-bottom:16px;padding:20px}.card-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.server-card{background:#131313;background:var(--card);border:1px solid #c9a84c26;border:1px solid var(--border);border-radius:8px;padding:20px;transition:border-color .2s}.server-card:hover{border-color:#c9a84c;border-color:var(--gold)}.server-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.server-name{font-size:1rem;font-weight:600}.server-ip{color:#f5f0e880;color:var(--muted);font-family:monospace;font-size:.8rem;margin-top:2px}.status-badge{border-radius:99px;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:3px 10px;text-transform:uppercase}.status-running{background:#22c55e1a;color:#22c55e;color:var(--green)}.status-stopped{background:#ef44441a;color:#ef4444;color:var(--red)}.status-starting{background:#c9a84c1a;color:#c9a84c;color:var(--gold)}.server-specs{background:#ffffff08;border-radius:6px;display:flex;gap:16px;margin-bottom:16px;padding:12px}.spec-item{flex:1 1;text-align:center}.spec-value{color:#c9a84c;color:var(--gold);font-size:1rem;font-weight:600}.spec-label{color:#f5f0e880;color:var(--muted);font-size:.75rem;margin-top:2px}.server-actions{display:flex;gap:8px}.btn{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;padding:7px 14px;transition:all .2s}.btn-gold{background:#c9a84c;background:var(--gold);color:#0b0b0b;color:var(--black)}.btn-gold:hover{background:#e8c96a;background:var(--gold-light)}.btn-outline{background:#0000;border:1px solid #c9a84c26;border:1px solid var(--border);color:#f5f0e8;color:var(--text)}.btn-outline:hover{border-color:#c9a84c;border-color:var(--gold);color:#c9a84c;color:var(--gold)}.btn-danger{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444;color:var(--red)}.btn-danger:hover{background:#ef444433}.loading{align-items:center;color:#f5f0e880;color:var(--muted);display:flex;font-size:1rem;justify-content:center;padding:80px}.loading:before{animation:spin .8s linear infinite;border:2px solid #c9a84c26;border-top-color:#c9a84c;border:2px solid var(--border);border-radius:50%;border-top-color:var(--gold);content:"";height:24px;margin-right:12px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.table{border-collapse:collapse;width:100%}.table th{border-bottom:1px solid #c9a84c26;border-bottom:1px solid var(--border);color:#f5f0e880;color:var(--muted);font-size:.75rem;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.table td{border-bottom:1px solid #ffffff08;font-size:.875rem;padding:14px 16px}.table tr:hover td{background:#ffffff05}.kpi-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.kpi-card{background:#131313;background:var(--card);border:1px solid #c9a84c26;border:1px solid var(--border);border-radius:8px;padding:20px}.kpi-label{color:#f5f0e880;color:var(--muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.kpi-value{color:#c9a84c;color:var(--gold);font-size:2rem;font-weight:700;margin-top:8px}.kpi-sub{color:#f5f0e880;color:var(--muted);font-size:.8rem;margin-top:4px}
/*# sourceMappingURL=main.c927e656.css.map*/