:root{--bg-primary:#0a0a1a;--bg-secondary:#0f0f23;--bg-tertiary:#1a1a2e;--bg-glass:#0f0f23cc;--bg-hover:#ffffff0d;--text-primary:#fff;--text-secondary:#a0a9c0;--text-muted:#6b7280;--border-color:#ffffff1a;--border-hover:#fff3;--primary-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--secondary-gradient:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--transition-fast:.15s ease-in-out;--transition-normal:.3s ease-in-out;--transition-slow:.5s ease-in-out;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #000000b6;--shadow-lg:0 10px 15px #000000d8;--shadow-xl:0 20px 25px #0000001a}.text-gradient{background:var(--primary-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-background-clip:text;background-clip:text;display:inline}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow-x:hidden}body{color:var(--text-primary);background:linear-gradient(135deg,#0a0a1a 0%,#1a1a2e 100%);min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.dashboard{background:linear-gradient(135deg,#0a0a1a 0%,#1a1a2e 100%);flex-direction:column;width:100%;min-height:100dvh;display:flex;overflow-x:hidden}.dashboard-layout{flex:1;width:100%;max-width:100%;min-height:calc(100dvh - 80px);display:flex;overflow:visible}.dashboard-grid{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}.config-btn{background:var(--primary-gradient);color:#fff;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;font-size:.875rem;font-weight:500;position:relative;overflow:hidden}.config-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s ease-in-out;position:absolute;top:0;left:-100%}.config-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.config-btn:hover:before{left:100%}.dashboard-loading{background:linear-gradient(135deg,#0a0a1a 0%,#1a1a2e 100%);justify-content:center;align-items:center;width:100%;min-height:100dvh;display:flex}.loading-spinner{align-items:center;gap:var(--spacing-lg);text-align:center;flex-direction:column;display:flex}.spinner{border:4px solid #ffffff1a;border-top:4px solid var(--primary-color,#667eea);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p{color:var(--text-secondary);margin:0;font-size:1rem;font-weight:500}.main-content img,.main-content video,.main-content canvas,.main-content svg,.main-content table{max-width:100%}.dashboard-error{background:linear-gradient(135deg,#0a0a1a 0%,#1a1a2e 100%);justify-content:center;align-items:center;width:100%;min-height:100dvh;display:flex}.error-message{text-align:center;color:var(--text-primary);font-size:1.125rem}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}