.btn{justify-content:center;align-items:center;gap:var(--space-2);white-space:nowrap;border-radius:var(--radius-md);padding:var(--space-2)var(--space-4);transition:all var(--transition-fast);cursor:pointer;border:1px solid #0000;font-size:.875rem;font-weight:500;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-blue);outline:none}.btn:disabled{pointer-events:none;opacity:.5}.btn-default{background-color:var(--color-blue);color:#fff}.btn-default:hover{background-color:var(--color-blue-hover)}.btn-destructive{background-color:var(--color-red);color:#fff}.btn-destructive:hover{background-color:var(--color-red-hover)}.btn-outline{border-color:var(--color-border-light);color:var(--color-text);background-color:#0000}.btn-outline:hover{background-color:var(--color-bg-card);border-color:var(--color-border-light)}.btn-ghost{color:var(--color-text);background-color:#0000}.btn-ghost:hover{background-color:var(--color-bg-card)}.btn-sm{padding:var(--space-1)var(--space-3);font-size:.8125rem}.btn-lg{padding:var(--space-3)var(--space-6);font-size:1rem}.btn-icon{padding:var(--space-2)}.badge{border-radius:var(--radius-full);transition:color var(--transition-fast);border:1px solid #0000;align-items:center;padding:.125rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-default{background-color:var(--color-bg-input);color:var(--color-text);border-color:var(--color-border)}.badge-success{background-color:var(--color-green);color:#fff}.badge-warning{background-color:var(--color-yellow);color:#000}.badge-destructive{background-color:var(--color-red);color:#fff}.badge-outline{border-color:var(--color-border);color:var(--color-text);background-color:#0000}.tabs-list{border-radius:var(--radius-md);background-color:var(--color-bg-secondary);padding:var(--space-1);border:1px solid var(--color-border);-webkit-overflow-scrolling:touch;justify-content:center;align-items:center;max-width:100%;display:inline-flex;overflow-x:auto}.tabs-trigger{white-space:nowrap;border-radius:var(--radius-sm);padding:var(--space-1)var(--space-3);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;display:inline-flex}.tabs-trigger:hover{color:var(--color-text)}.tabs-trigger:focus-visible{box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-blue);outline:none}.tabs-trigger:disabled{pointer-events:none;opacity:.5}.tabs-trigger[data-state=active]{background-color:var(--color-blue);color:#fff;box-shadow:var(--shadow-sm)}.tabs-content{margin-top:var(--space-4)}.tabs-content:focus-visible{outline:none}.input{width:100%;padding:var(--space-2)var(--space-4);background-color:var(--color-bg-input);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);color:var(--color-text);transition:all var(--transition-fast);font-size:.875rem}.input::placeholder{color:var(--color-text-dim)}.input:focus{border-color:var(--color-blue);box-shadow:0 0 0 2px var(--color-blue-dim);outline:none}.input-with-icon{padding-left:2.5rem}.btn-full{width:100%}
.dashboard{min-height:100vh;padding:var(--space-8);background:linear-gradient(to bottom right,#030712,#000,#0a0a0a)}.dashboard-container{max-width:80rem;margin:0 auto}.dashboard-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.dashboard-title{background:linear-gradient(90deg,#60a5fa,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:700}.dashboard-subtitle{color:var(--color-text-muted);margin-top:var(--space-2)}.dashboard-actions{gap:var(--space-3);display:flex}.site-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);background-color:#18181b80}.site-card:hover{border-color:var(--color-border-light);box-shadow:0 10px 25px #3b82f61a}.site-card-header{padding:var(--space-6)}.site-card-header-top{justify-content:space-between;align-items:flex-start;display:flex}.site-card-info{align-items:center;gap:var(--space-2);display:flex}.site-card-title{color:var(--color-text);font-size:1.25rem;font-weight:600}.site-card-link{color:var(--color-text-muted);transition:color var(--transition-fast)}.site-card-link:hover{color:var(--color-blue)}.site-card-description{color:var(--color-text-muted);margin-top:var(--space-1);font-size:.875rem}.site-card-badges{align-items:flex-end;gap:var(--space-1);flex-direction:column;display:flex}.site-card-content{padding:0 var(--space-6)var(--space-6)}.site-card-metrics{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.site-card-actions{gap:var(--space-2);padding-top:var(--space-4);flex-wrap:wrap;display:flex}.metric-box{padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);background-color:#27272a80}.metric-box-label{color:var(--color-text-muted);font-size:.875rem}.metric-box-value{font-size:1.5rem;font-weight:700}.metric-box-value.blue{color:var(--color-blue)}.metric-box-value.green{color:var(--color-green)}.metric-box-value.purple{color:var(--color-purple)}.metric-box-value.orange{color:var(--color-orange)}.metric-box-value.red{color:var(--color-red)}.metrics-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:768px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.metrics-grid{grid-template-columns:repeat(4,1fr)}}.metrics-grid-2col{grid-template-columns:1fr}@media (min-width:768px){.metrics-grid-2col{grid-template-columns:repeat(2,1fr)}}.metric-card{background:linear-gradient(to bottom right,var(--metric-bg,#18181b80),#18181b80);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.metric-card.green{--metric-bg:#22c55e1a}.metric-card.yellow{--metric-bg:#eab3081a}.metric-card.orange{--metric-bg:#f973161a}.metric-card.red{--metric-bg:#ef44441a}.metric-card-header{padding:var(--space-6);padding-bottom:0}.metric-card-title{align-items:center;gap:var(--space-2);color:var(--color-text);font-size:.875rem;font-weight:500;display:flex}.metric-card-content{padding:var(--space-6)}.metric-value{font-size:2.25rem;font-weight:700}.metric-value.green{color:var(--color-green)}.metric-value.yellow{color:var(--color-yellow)}.metric-value.orange{color:var(--color-orange)}.metric-value.red{color:var(--color-red)}.metric-bar{background-color:var(--color-bg-input);border-radius:var(--radius-full);width:100%;height:.5rem;margin-top:var(--space-2);overflow:hidden}.metric-bar-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.metric-bar-fill.green{background:linear-gradient(to right,var(--color-green),#16a34a)}.metric-bar-fill.yellow{background:linear-gradient(to right,var(--color-yellow),#ca8a04)}.metric-bar-fill.orange{background:linear-gradient(to right,var(--color-orange),#ea580c)}.metric-bar-fill.red{background:linear-gradient(to right,var(--color-red),#dc2626)}.metric-subtitle{color:var(--color-text-muted);margin-top:var(--space-2);font-size:.75rem}.info-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:#18181b80}.info-card-header{padding:var(--space-6);padding-bottom:0}.info-card-title{align-items:center;gap:var(--space-2);color:var(--color-text);font-size:1rem;font-weight:600;display:flex}.info-card-content{padding:var(--space-6)}.info-row{padding:var(--space-2)0;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.info-row:last-child{border-bottom:none}.info-row-label{align-items:center;gap:var(--space-2);color:var(--color-text-muted);display:flex}.info-row-value{font-weight:600}.info-row-value.blue{color:var(--color-blue)}.info-row-value.green{color:var(--color-green)}.info-row-value.red{color:var(--color-red)}.info-row-value.orange{color:var(--color-orange)}.logs-viewer{margin-top:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:#18181b80}.logs-viewer-header{padding:var(--space-6);justify-content:space-between;align-items:center;display:flex}.logs-viewer-title{color:var(--color-text);font-size:1rem;font-weight:600}.logs-viewer-actions{gap:var(--space-2);display:flex}.logs-viewer-content{padding:0 var(--space-6)var(--space-6)}.logs-pre{border:1px solid var(--color-border);color:var(--color-green);padding:var(--space-4);border-radius:var(--radius-lg);background-color:#000;max-height:24rem;font-family:ui-monospace,monospace;font-size:.75rem;overflow:auto;box-shadow:inset 0 2px 4px #00000080}.password-form{max-width:42rem}.password-form-header{align-items:center;gap:var(--space-3);padding:var(--space-2);background-color:var(--color-blue);border-radius:var(--radius-lg);margin-bottom:var(--space-4);display:flex}.form-group{margin-bottom:var(--space-5)}.form-label{color:var(--color-text-muted);margin-bottom:var(--space-2);font-size:.875rem;font-weight:500;display:block}.form-hint{color:var(--color-text-dim);margin-top:var(--space-1);font-size:.75rem}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);border:1px solid;display:flex}.alert-success{color:#86efac;background-color:#22c55e1a;border-color:#22c55e4d}.alert-error{color:#fca5a5;background-color:#ef44441a;border-color:#ef44444d}.alert-icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem}.type-badge{border-radius:var(--radius-sm);border:1px solid;padding:.125rem .5rem;font-size:.75rem;font-weight:500}.type-badge.nodejs{border-color:var(--color-green);color:var(--color-green);background-color:#22c55e1a}.type-badge.php{border-color:var(--color-purple);color:var(--color-purple);background-color:#a855f71a}.type-badge.docker{border-color:var(--color-cyan);color:var(--color-cyan);background-color:#06b6d41a}.type-badge.static{border-color:var(--color-blue);color:var(--color-blue);background-color:#3b82f61a}.type-badge.astro{border-color:var(--color-orange);color:var(--color-orange);background-color:#f973161a}.status-online{color:var(--color-green)}.status-offline,.status-stopped{color:var(--color-red)}.status-unknown{color:var(--color-yellow)}.empty-state{text-align:center;padding:var(--space-12);border-radius:var(--radius-lg);border:1px solid var(--color-border);color:var(--color-text-muted);background-color:#18181b80}.sites-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:768px){.sites-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.sites-grid{grid-template-columns:repeat(3,1fr)}}.login-page{min-height:100vh;padding:var(--space-4);background:linear-gradient(to bottom right,#111827,#000,#111827);justify-content:center;align-items:center;display:flex;position:relative}.login-bg{background:radial-gradient(at top,#1e3a8a33,#11182733,#0003);position:absolute;inset:0}.login-card{z-index:10;border:1px solid var(--color-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:100%;max-width:28rem;box-shadow:var(--shadow-lg);background-color:#111827e6;position:relative}.login-header{text-align:center;padding:var(--space-6);padding-bottom:0}.login-icon{margin-bottom:var(--space-4);justify-content:center;display:flex}.login-icon-circle{padding:var(--space-3);background-color:var(--color-blue);border-radius:var(--radius-full)}.login-title{color:var(--color-text);font-size:1.875rem;font-weight:700}.login-subtitle{color:var(--color-text-muted);margin-top:var(--space-1)}.login-content{padding:var(--space-6)}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.input-wrapper{position:relative}.input-icon{left:var(--space-3);width:1.25rem;height:1.25rem;color:var(--color-text-dim);position:absolute;top:50%;transform:translateY(-50%)}.login-footer{margin-top:var(--space-6);text-align:center;color:var(--color-text-dim);font-size:.875rem}.btn-action-blue:hover{background-color:var(--color-blue)!important;border-color:var(--color-blue)!important;color:#fff!important}.btn-action-red:hover{background-color:var(--color-red)!important;border-color:var(--color-red)!important;color:#fff!important}.btn-action-green:hover{background-color:var(--color-green)!important;border-color:var(--color-green)!important;color:#fff!important}.btn-action-orange:hover{background-color:var(--color-orange)!important;border-color:var(--color-orange)!important;color:#fff!important}.btn-action-purple:hover{background-color:var(--color-purple)!important;border-color:var(--color-purple)!important;color:#fff!important}.btn-action-gray:hover{background-color:var(--color-border-light)!important;border-color:var(--color-border)!important}@media (max-width:768px){.dashboard{padding:var(--space-4)}.dashboard-header{align-items:flex-start;gap:var(--space-4);flex-direction:column}.dashboard-title{font-size:1.5rem}.dashboard-actions{flex-wrap:wrap;width:100%}.dashboard-actions .btn{flex:1;min-width:0}.site-card-actions{flex-wrap:wrap}.metrics-grid{grid-template-columns:repeat(2,1fr)!important}}