/* Extracted styles for Máquina Virtual VIP page */
:root{--bg-base:#0b1120;--bg-card:#1e293b;--bg-header:#1c3961;--highlight:#00d26a;--vip:#f59e0b;--text-light:#e2e8f0;--text-muted:#cbd5e1;--text-secondary:#94a3b8;--code-bg:#0b1120;--border-color:rgba(0,210,106,0.2);--shadow-color:rgba(0,0,0,0.4);--link-color:#3b82f6;--danger-color:#ef4444;--warning-bg:#1e293b;--warning-border:#ef4444}
[data-theme="light"]{--bg-base:#f8fafc;--bg-card:#ffffff;--bg-header:#e2e8f0;--highlight:#0ea5e9;--vip:#d97706;--text-light:#1e293b;--text-muted:#475569;--text-secondary:#64748b;--code-bg:#f1f5f9;--border-color:rgba(14,165,233,0.3);--shadow-color:rgba(0,0,0,0.1);--link-color:#2563eb;--danger-color:#dc2626;--warning-bg:#fef2f2;--warning-border:#dc2626}

body{background-color:var(--bg-base);color:var(--text-light);font-family:'Raleway',sans-serif;background-image:linear-gradient(rgba(0,210,106,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,210,106,0.03) 1px,transparent 1px);background-size:40px 40px;min-height:100vh;transition:background-color .3s ease,color .3s ease}
[data-theme="light"] body{background-image:linear-gradient(rgba(14,165,233,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,0.05) 1px,transparent 1px)}

.navbar-custom{background-color:var(--bg-header);box-shadow:0 5px 20px var(--shadow-color);padding:0;position:relative;z-index:1000;transition:background-color .3s ease}
.main-header{position:relative;width:100%;z-index:1000;background:var(--bg-header);transition:all .3s ease;}
.main-header .container{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;}
.main-header .logo-wrap img{max-width:250px;width:auto;}
.main-header.sticky{position:fixed !important;top:0;left:0;width:100%;box-shadow:0 5px 20px rgba(0,210,106,0.2);z-index:10005;background:var(--bg-header);}
.main-header.sticky .container{padding-top:10px;padding-bottom:10px;}
.main-header.sticky .logo-wrap img{max-width:200px;transition:max-width .4s ease;}
.main-header.sticky .nav-user .btn-tech{font-size:0.85rem;}
.main-header.sticky .theme-toggle{transform:scale(.98);}
.text-highlight{color:var(--highlight);font-weight:700}
.text-muted{color:var(--text-muted)}
.theme-toggle{background:transparent;border:1px solid var(--text-muted);color:var(--text-light);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;margin-left:15px}
.theme-toggle:hover{background:var(--highlight);color:#0b1120;border-color:var(--highlight)}
.nav-user{display:flex;align-items:center}
.nav-tabs{border-bottom:1px solid var(--border-color)}
.nav-tabs .nav-link{color:var(--text-muted);border:none;font-size:1.1rem;font-weight:700;padding:0 20px 5px;cursor:pointer;transition:.3s;background:transparent}
.nav-tabs .nav-link:hover{color:var(--text-light)}
.nav-tabs .nav-link.active{background:transparent;color:var(--highlight);border-bottom:3px solid var(--highlight)}
.nav-link.vip-link{color:var(--vip) !important;opacity:.9}
.badge-vip{background-color:var(--vip);color:#0b1120;font-size:.65em;vertical-align:super;font-weight:800;border-radius:4px;padding:2px 5px}
.card-custom{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 15px 30px var(--shadow-color);padding:2rem;margin-bottom:1.5rem;transition:background-color .3s ease,border-color .3s ease}
.form-control,.form-select{background-color:var(--code-bg);border:1px solid var(--border-color);color:var(--text-light) !important;font-family:'Courier New',monospace;padding:12px 15px}
.form-control::placeholder{color:var(--text-muted) !important;opacity:1 !important}
.form-control:focus,.form-select:focus{background-color:var(--code-bg);border-color:var(--highlight);color:var(--text-light);box-shadow:0 0 10px rgba(0,210,106,.2)}
.btn-tech{background-color:var(--highlight);color:#0b1120;font-weight:800;border:none;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;padding:14px}
.btn-tech:hover{background-color:var(--text-light);color:var(--bg-base);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,210,106,.4)}
.data-label{color:var(--text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase}
.data-value{font-family:'Courier New',monospace;font-size:1.05rem;margin-bottom:15px;color:var(--text-light)}
.code{background-color:var(--code-bg);padding:8px 12px;border-radius:5px;border-left:4px solid var(--highlight);font-family:'Courier New',monospace;color:#f59e0b;display:block;margin:10px 0;overflow-x:auto;font-size:.95rem;transition:background-color .3s ease}
.warning{background-color:var(--warning-bg);padding:15px;border-radius:6px;border-left:4px solid var(--warning-border);margin:15px 0;color:var(--text-light);font-size:.95rem;transition:background-color .3s ease}
.danger{color:var(--danger-color);font-weight:bold}
.a-link{color:var(--link-color);text-decoration:none}
.a-link:hover{text-decoration:underline}
.text-highlight { color: #00d26a; }